body, h1, h2, h3, h4, html, img, li, p, pre, ul {
    margin: 0;
    padding: 0;
    border: 0
}

body, button, input, pre, textarea {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif
}

body, html {
    font-size: 14px;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif
}

body {
    background: #fff;
    -webkit-text-size-adjust: none
}

h1, h2, h3, h4 {
    font-weight: 400
}

ul {
    list-style: none
}

a {
    text-decoration: none;
    outline: 0
}

img {
    border: none
}

textarea {
    overflow: auto
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both
}

.hide {
    display: none
}

.show {
    display: block
}

.pa {
    position: absolute
}

.pr {
    position: relative
}

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.pt3 {
    padding-top: 3px
}

.pt12 {
    padding-top: 12px
}

.mt5 {
    margin-top: 5px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt15 {
    margin-top: 15px
}

.mt35 {
    margin-top: 35px
}

.mt50 {
    margin-top: 50px
}

.mb35 {
    margin-bottom: 35px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml18 {
    margin-left: 18px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml50 {
    margin-left: 55px
}

.ml60 {
    margin-left: 60px
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

.f12 {
    font-size: 14px
}

.f13 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f24 {
    font-size: 24px
}

.fb {
    font-weight: 700
}

.white {
    color: #fff
}

.grey9 {
    color: #999
}

.grey6 {
    color: #858282
}

.lh20 {
    line-height: 20px
}

.lh24 {
    line-height: 24px
}

.bgCli {
    background: #c4e0fd
}

.bgSer {
    background: #f0f0f0
}

.bgNot {
    background: #fbf8ea;
    color: #999
}

.h {
    height: 100%
}

.h20 {
    height: 20px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h80 {
    height: 105px
}

.h280 {
    height: 280px
}

.lh50 {
    line-height: 50px
}

.w {
    width: 100%
}

.w40 {
    width: 40px
}

.w90 {
    width: 90px
}

.bgGrey {
    background: #edeff2
}

.img-sm {
    max-width: 200px;
    max-height: 200px;
    *width: 200px;
    *height: 200px;
    cursor: pointer;
    vertical-align: bottom
}

.activehide {
    display: none
}

.header {
    position: relative;
    z-index: 99
}

.systemBox {
    width: 100%;
    height: 30px;
    background: #ddecfc;
    display: none
}

.cent {
    text-align: center;
    font-size: 12px;
    color: #258efa;
    padding-top: 7px
}

.colorder {
    color: #e60d0d
}

.footer {
    display: block;
    border-top: 1px solid #ebeff0;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
    z-index: 100
}

.footer-on {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    *margin-bottom: 10px
}

.footer-off {
    display: none;
    width: 100%;
    min-height: 82px;
    box-sizing: border-box
}

.footer-off .block {
    height: 100%;
    width: 33.3%;
    box-sizing: border-box;
    vertical-align: middle;
    float: left;
    text-align: center;
    cursor: pointer
}

.blocks-one .block {
    width: 100%
}

.blocks-two .block {
    width: 50%
}

.blocks-three .block {
    width: 33.33333333%
}

.footer-off .block span {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.footer-off .block .block-img {
    width: 40px;
    height: 34px;
    margin: 10px auto 0;
    padding: 0;
    background: url(../img/chat/bgGroup.png)
}

.footer-off .block .satisfactionend {
    background-position: -984px 8px
}

.footer-off .endEvaluate:hover .satisfactionend {
    background-position: -1040px 8px
}

.footer-off .endEvaluate:hover .block-text {
    color: #8a9699
}

.footer-off .block .newMessage {
    background-position: -1095px 8px
}

.footer-off .endnewMessage:hover .newMessage {
    background-position: -1151px 8px
}

.footer-off .endnewMessage:hover .block-text {
    color: #8a9699
}

.footer-off .block .leaveMessageend {
    background-position: -1207px 8px
}

.footer-off .endleaveMessage:hover .leaveMessageend {
    background-position: -1263px 8px
}

.footer-off .endleaveMessage:hover .block-text {
    color: #8a9699
}

.footer-off .block .block-text {
    color: #b8c9cc
}

#online-loading {
    top: 50%;
    height: 16px;
    text-align: center;
    margin-top: -8px;
    display: none
}

#online-loading img {
    border: 0
}

.face-md {
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.head-md {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    vertical-align: middle
}

.head-big {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.chatPanel::-webkit-scrollbar {
    width: 6px
}

.chatPanel::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.text::-webkit-scrollbar {
    width: 6px
}

.text::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.chatPanel {
    color: #333;
    overflow-y: auto;
    overflow-x: hidden;
    height: 466px;
    width: 100%;
    padding: 0;
    background: #fafdff;
    position: relative
}

.chatPanel a {
    color: #4298ba
}

.chatPanel a:hover {
    color: #0088ad;
    text-decoration: underline
}

.chatPanel .msg-img-con {
    padding: 2px;
    font-size: 0
}

.chatPanel .cli-msg .msg-con {
    border-bottom-right-radius: 0
}

.chatPanel .img-con {
    min-width: 120px;
    min-height: 30px;
    _width: 100px;
    _height: 20px
}

.chatPanel .msg {
    margin-top: 5px;
    word-wrap: break-word;
    word-break: break-all;
    *overflow: hidden
}

.chatPanel .ser-msg {
    margin-left: 10px
}

.chatPanel .cli-msg {
    margin-right: 10px
}

.chatPanel .msg-con {
    margin-right: 10px;
    max-width: 80%;
    min-width: 20px;
    min-height: 18px;
    color: #5f5e5e;
    position: relative;
    padding: 8px 10px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
    line-height: 22px;
    *top: 3px;
    *min-width: 18px;
    *width: 350px
}

.infoBar {
    padding: 10px 0;
    margin-left: 12px
}

.infoBarText {
    float: left;
    margin-left: 16px
}

.infoBar .infoBarLogo {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    vertical-align: middle;
    float: left
}

.infoBarName .titleName {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    z-index: 101;
    height: 20px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #fff
}

.infoBarName .icon-contact {
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -8px;
    cursor: pointer
}

.infoBarName .inputIng {
    display: none;
    vertical-align: middle;
    line-height: 24px;
    height: 20px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #fff;
    margin-left: 0;
    opacity: .6
}

.infoBarName .inputIngActive {
    display: inline-block
}

.infoBarCompany {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
    word-break: normal;
    white-space: nowrap;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    *width: 140px
}

.arrow-tc {
    position: absolute;
    height: 0;
    width: 0;
    font-size: 0;
    bottom: -10px;
    right: -22px;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 101;
    display: none
}

.zcChat {
    border: none;
    height: 100%;
    overflow: hidden;
    position: relative;
    border: solid 1px #d9d9d9
}

.zcChat .arrow-tc {
    *border-left: 10px solid #00c8ab;
    *border-right: 10px solid #00c8ab
}

.contact {
    position: absolute;
    display: inline-block;
    top: 30px;
    right: -130px;
    width: 200px;
    padding: 5px 0;
    z-index: 100;
    color: #666;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    display: none;
    *border: 1px solid #efefef;
    border: 1px solid #efefef
}

.contact a {
    position: relative;
    display: block;
    margin: 5px 18px;
    line-height: 20px;
    color: #3a7ea5;
    cursor: pointer
}

.contact i {
    position: absolute;
    top: 2px;
    left: 0;
    _position: static
}

.contact span {
    display: block;
    _display: inline-block;
    margin-left: 24px;
    _margin-left: 0;
    word-wrap: break-word;
    word-break: break-all
}

.contact a:hover {
    text-decoration: underline
}

.text-layout {
    position: relative;
    background: #fff
}

.textArea {
    overflow: hidden;
    position: relative;
    margin-bottom: 4px;
    max-height: 500px
}

.text-layout .textArea {
    padding-bottom: 15px
}

.text-layout .textArea .text-over {
    display: none;
    color: #f3474f;
    font-size: 12px;
    padding-left: 10px;
    position: absolute;
    bottom: 0
}

.text {
    overflow: hidden;
    width: 100%;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    border: 0;
    box-sizing: border-box;
    padding: 0 82px 0 10px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 12px;
    resize: none;
    border: none;
    font-family: "Microsoft Yahei"
}

.text[placeholder]:empty:before {
    content: attr(placeholder);
    color: #c8cccc
}

.textareaPre {
    clear: both;
    float: left;
    width: 100%;
    height: 100%;
    min-height: 34px;
    max-height: 160px;
    padding: 0 82px 0 10px;
    border: 0;
    color: #999;
    box-sizing: border-box;
    font-size: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: "Microsoft Yahei";
    border: none;
    visibility: hidden
}

.textareaSpan {
    clear: both;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: 160px;
    border: 0;
    color: #999;
    font-size: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: none;
    font-family: "Microsoft Yahei"
}

.text:focus {
    outline: 0
}

.ft-btns {
    position: relative;
    height: 40px;
    padding: 0 10px;
    overflow: hidden
}

.ft-btns a {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    overflow: hidden
}

.send-btn {
    position: absolute;
    right: 11px;
    bottom: 0;
    z-index: 101;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    width: 46px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #e0e9e8
}

.face-con {
    position: absolute;
    width: 300px;
    height: 102px;
    left: 0;
    top: -105px;
    background: #fff;
    overflow-y: auto;
    display: none;
    box-shadow: 0 0 8px #1abc9c;
    border: 1px solid #ccc
}

.face-con ul {
    margin: 0 6px
}

.face-con li {
    float: left;
    margin: 3px
}

.emoji-face {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat
}

.mini-emoji-face {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-size: 72px 180px;
    background-repeat: no-repeat;
    background-position: -1px -1px;
    vertical-align: top
}

#paste_img {
    position: absolute;
    top: -100%;
    left: -100%;
    width: 1px;
    height: 1px;
    z-index: 999;
    overflow: hidden
}

.funcPanel {
    line-height: 22px;
    /*height: 22px;*/
    height: 15px;
    position: relative;
    z-index: 2;
    /*padding: 10px 0;*/
    padding-left: 10px;
}

.funcPanel .upImg {
    float: left;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../img/chat/bgGroup.png)
}

.funcPanel .addFace, .funcPanel .capture, .funcPanel .evaluate, .funcPanel .leaveMessage, .funcPanel .switchRobotBtn, .funcPanel .zhichiClose {
    float: left;
    display: inline-block;
    margin: 4px 0;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background-image: url(../img/chat/bgGroup.png)
}

.funcPanel .capture {
    background-position: -3631px 0
}

.funcPanel .switchRobotBtn {
    background-position: -3881px 0
}

.funcPanel .switchRobotBtn:hover {
    background-position: -3919px 0
}

.funcPanel .addFace:hover {
    background-position: -48px 0
}

.funcPanel .leaveMessage {
    background-position: -278px 0
}

.funcPanel .leaveMessage:hover {
    background-position: -324px 0
}

.funcPanel .evaluate {
    background-position: -184px 0
}

.funcPanel .evaluate:hover {
    background-position: -231px 0
}

.funcPanel .zhichiClose {
    background-position: -370px 0
}

.funcPanel .zhichiClose:hover {
    background-position: -416px 0
}

.funcPanel .addFace {
    background-position: 0 0
}

.funcPanel .addFace:hover {
    background-position: -46px 0
}

.funcPanel .upImg {
    background-position: -91px 0
}

.funcPanel .upImg:hover {
    background-position: -22px 0
}

.funcPanel .upload {
    width: 22px;
    height: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

.funcPanel .uploadFile {
    float: left;
    position: relative;
    overflow: hidden;
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin: 4px 0;
    margin-right: 10px
}

.funcPanel .chatSwitch, .funcPanel .voiceCalls {
    color: #258efa;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.funcPanel .chatSwitch {
    margin-right: 10px;
    padding: 10px 0
}

.powBox {
    clear: both;
    width: 100%;
    height: 24px;
    background: #f5f9fa;
    visibility: hidden
}

.pow {
    margin: 4px auto;
    width: 100%;
    color: #d1dcde;
    font-size: 12px;
    float: left;
    text-align: center
}

.pow a {
    text-decoration: none;
    color: #d1dcde
}

.pow a:hover {
    color: #acbcbf
}

.header .headBtn {
    position: absolute;
    width: 80px;
    right: 5px;
    top: 10px;
    text-align: right
}

.header .headBtn a {
    width: 11px;
    height: 11px;
    background-image: url(../img/chat/bgGroup.png);
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 5px
}

.header .headBtn .zhichiVoice {
    background-position: -581px 0
}

.header .headBtn .zhichiMin {
    background: 0 0;
    color: #fff;
    font-weight: 700;
    margin-top: -10px;
    width: 13px
}

.header .headBtn .zhichiMax {
    background-position: -661px 0
}

.header .headBtn .closeForm {
    background-position: -2474px 0
}

.chatPanelList {
    width: auto;
    overflow: auto;
    overflow-x: hidden;
    min-height: 296px;
    background: #fafdff;
    margin: 0;
    padding: 0 20px 10px;
    box-sizing: border-box;
    font-size: 12px
}

.chatPanelList .systemMsg {
    text-align: center;
    line-height: 26px;
    margin: 2px 0
}

.chatPanelList .systemMsg .systemMsgText {
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
    background-color: #f0f4f5;
    color: #8a9699
}

.chatPanelList .systemMsg span {
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
    background-color: #f5f5f5;
    color: #b1b5b5
}

.chatPanelList .systemMsg p {
    display: inline-block
}

.chatPanelList .systemMsg .colorder {
    margin: 0 3px;
    padding: 0 0
}

.chatPanelList .systemMsg a {
    text-decoration: none;
    line-height: 26px
}

.chatPanelList .stripe {
    color: #8f8f8f;
    display: inline-block
}

.historyTrigger {
    text-align: center;
    font-size: 12px;
    margin: 10px 0;
    color: #b1b6b4;
    cursor: pointer
}

.chatPanelList .msgData {
    text-align: center;
    font-size: 12px;
    margin: 10px 0;
    color: #8a9699
}

.chatPanelList .msgData2 {
    text-align: center;
    font-size: 12px;
    margin: 15px 0 10px 0;
    color: #b1b6b4;
    border-top: 1px #ccc dashed
}

.chatPanelList .msgData2 span {
    z-index: 999;
    margin-top: -7px;
    display: inline-block;
    background: #fff;
    padding: 0 10px
}

.chatPanelList li img {
    max-width: 100% !important;
    height: auto !important
}

.chatPanelList li .webchat_img_upload {
    width: auto;
    height: auto;
    max-height: 260px;
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle
}

.chatPanelList li .fr {
    color: #3b3a38
}

.chatPanelList li .bgCli a {
    color: #fff;
    text-decoration: none
}

.loader {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    left: 0;
    top: 0
}

.loader img {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px
}

.singlePage {
    max-height: 100%;
    height: 100%
}

.singlePage .mainBox {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    background: #f7fafa;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.magBox {
    margin: 14px 0;
    position: relative
}

.magBox .leftName {
    width: 100%;
    font-size: 12px;
    color: #b6bebf;
    margin-bottom: 2px
}

.magBox .msgDiv {
    position: relative;
    padding: 10px;
    background-color: #e9f0ef;
    border-radius: 2px;
    display: inline-block;
    max-width: 80%;
    min-height: 20px;
    width: auto
}

.magBox .template2 {
    margin-top: 11px
}

.magBox .template2 .dxx {
    width: 322px;
    height: 31px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d6dbe5;
    line-height: 31px;
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 6px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.magBox .msgDiv p {
    line-height: 20px;
    padding: 0;
    margin: 0
}

.magBox .ckdxx {
    height: 26px;
    border-radius: 2px;
    border: 1px solid #0daeaf;
    color: #fff;
    text-align: center;
    line-height: 26px;
    margin-top: 6px;
    cursor: pointer;
    font-size: 14px;
    background: #0daeaf;
    margin-right: 6px;
    padding: 0 10px
}

.magBox .copy {
    width: 88px;
    height: 26px;
    border-radius: 16px;
    border: 1px solid #0daeaf;
    color: #0daeaf;
    text-align: center;
    line-height: 26px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px
}

.magBox .msgDiv .wsimg {
    width: 104px;
    height: 104px !important;
    margin-top: 10px
}

.magBox .msgDiv video {
    max-width: 100%;
    height: auto
}

.magBox .msgDiv .zc-face {
    display: inline-block;
    outline-width: medium;
    margin: 0;
    vertical-align: bottom;
    width: auto;
    height: 22px !important
}

.magBox .msgDiv .msgText {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    display: inline-block
}

.magBox .msgDiv .msgText .changeGroup {
    float: right;
    text-align: center;
    line-height: 26px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);
    width: 90px;
    height: 26px;
    cursor: pointer;
    color: #0daeaf
}

.magBox .msgDiv .msgText .changeGroup i {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../img/chat/bgGroup.png);
    background-position-x: -3791px;
    vertical-align: middle;
    margin-bottom: 1px;
    margin-left: 6px
}

.magBox .msgDiv .msgText p {
    padding: 0
}

.magBox .msgDiv .msgText .sugguestions .keySwitchAdmin {
    color: #4298ba
}

.magBox .msgDiv .msgText .multiGuide .guideEle {
    float: left;
    width: 100%;
    display: -webkit-flex;
    min-width: 126px;
    background: #fff;
    margin-bottom: 1px;
    align-items: center
}

.magBox .msgDiv .msgText .multiGuide .guideEle:hover {
    background: #f8f8f8
}

.magBox .msgDiv .msgText .multiGuide .guideEle i {
    float: right;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background: url(../img/chat/bgGroup.png) -3757px 4px
}

.magBox .msgDiv .msgText .multiGuide .guideEle .multiAnswerBtn {
    float: left;
    width: 90%;
    color: #333;
    line-height: 22px;
    margin: 10px;
    cursor: pointer;
    text-decoration: none
}

.magBox .msgDiv .stionsList {
    padding: 0;
    margin-top: 10px;
    list-style: none
}

.magBox .msgDiv .stionsList li {
    padding: 0 10px
}

.magBox .msgDiv .stionsList li a {
    color: #4db2f7;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5em
}

.magBox .msgDiv .stripe {
    color: #8b898f;
    font-size: 14px
}

.rightMsg {
    text-align: right
}

.rightMsg .xinfeng {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(../img/chat/bgGroup.png) 0 -40px
}

.rightMsg .msgDiv {
    float: right;
    color: #f0f0f0;
    position: relative;
    text-align: left
}

.rightMsg .msgDiv:before {
    width: 0;
    position: absolute;
    top: 12px;
    right: -12px;
    border-style: solid;
    border-color: transparent #f0f0f0;
    border-width: 0 0 12px 12px;
    content: ""
}

.rightMsg .msgDiv a:link {
    color: #fea
}

.rightMsg .msgDiv a:visited {
    color: #fea
}

.rightMsg .msgDiv a:hover {
    color: #fea
}

.rightMsg .msgDiv a:active {
    color: #fea
}

.leftMsg .msgDiv:before {
    width: 0;
    position: absolute;
    top: 12px;
    left: -12px;
    border-style: solid;
    border-color: transparent #f0f0f0;
    border-width: 0 12px 12px 0;
    content: ""
}

.leftMsg .msgDiv p {
    word-wrap: break-word
}

.shadow-layer {
    width: 100%;
    height: 100%;
    background: #ccc;
    opacity: .3;
    filter: alpha(opacity=30);
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102
}

.privacy-layer {
    width: 100%;
    height: 100%;
    background: #ccc;
    opacity: 1;
    filter: alpha(opacity=30);
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000
}

.privacy-outer {
    width: 575px;
    height: 647px;
    background: #fff;
    margin: auto;
    margin-top: 8%
}

.privacy-outer .privacy-title {
    height: 50px;
    border-bottom: 1px solid #ececec;
    line-height: 50px;
    text-align: center;
    color: #3d4966;
    font-size: 26px
}

.privacy-outer .privacy-main {
    float: left;
    height: 500px;
    color: #3d4966;
    overflow-y: scroll;
    padding: 0 20px
}

.privacy-outer .privacy-main .size50 {
    font-size: 18px;
    margin: 20px 0
}

.privacy-outer .privacy-main .size14 {
    font-size: 14px;
    color: #000
}

.privacy-outer .privacy-main .indent30 {
    text-indent: 30px
}

.privacy-outer .privacy-main .size20 {
    font-size: 16px;
    margin: 20px 0
}

.privacy-outer .privacy-main .margin-15 {
    margin: 15px
}

.privacy-outer .privacy-footer {
    float: left;
    margin: 0 20px;
    margin-top: 20px
}

.privacy-outer .privacy-footer .privacy-cancel {
    float: left;
    width: 240px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    text-align: center;
    color: #3d4966;
    background: #e5ebf6;
    cursor: pointer
}

.privacy-outer .privacy-footer .privacy-sure {
    float: left;
    margin-left: 30px;
    width: 240px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #0daeaf;
    cursor: pointer
}

.zc-shadow-layer {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    position: absolute;
    background-color: rgba(31, 48, 51, .5)
}

.bootbox .modal-dialog {
    width: 360px;
    min-height: 332px;
    background: #fff;
    border-radius: 2px
}

.bootbox .modal-dialog .modal-content .modal-body {
    height: 240px;
    background: #f5f9fa;
    margin-bottom: 25px
}

.bootbox.modal.fade.in {
    opacity: 0
}

.modal-alert-content p {
    font-size: 17px;
    font-weight: 700
}

.modal-alert-content p.large {
    font-size: 20px
}

.modal-alert-content p.large img {
    max-width: 233px;
    max-height: 240px
}

.dialogBox {
    display: none
}

.bootbox .modal-dialog .modal-content {
    position: relative;
    border-radius: 1px
}

.bootbox .modal-dialog .modal-header {
    position: relative;
    height: 70px;
    background-color: #fff;
    padding-top: 20px
}

.bootbox .modal-dialog .modal-header .modal-title {
    line-height: 16px;
    font-size: 16px;
    margin: 0;
    padding: 30px;
    color: #565656;
    text-align: center;
    font-family: "microsoft yahei"
}

.bootbox .modal-dialog .modal-header .bootbox-close-button {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    line-height: 18px;
    color: #c9d7d8;
    opacity: 1;
    cursor: pointer;
    font-size: 18px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.bootbox .modal-dialog .modal-header .bootbox-close-button:hover {
    background-position: -815px 1px
}

.bootbox .modal-dialog .modal-body {
    padding: 0;
    text-align: center
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox {
    padding: 52px 54px;
    font-family: "寰蒋闆呴粦"
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .waitClass .th2 {
    width: 23%
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fl {
    float: left
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fl .ls-light-green-btn {
    background-color: #eff5f5;
    width: 128px;
    height: 33px;
    border-left: 1px solid #eff5f5;
    border-right: 1px solid #eff5f5;
    border-top: 3px solid #eff5f5;
    border-bottom: 1px solid #eff5f5;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    color: #999;
    padding: 0;
    margin: 0;
    outline: 0
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fl .ls-red-btn {
    background-color: #09aeb0;
    width: 128px;
    height: 34px;
    border: 1px solid #09aeb0;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: 400;
    margin-right: 20px;
    outline: 0
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fr {
    float: right;
    margin-top: 10px
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fr .reaRefBtn {
    padding-left: 20px;
    width: 50px;
    height: 20px;
    display: inline-block;
    background: url(../img/reqRefNow.png) no-repeat;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    color: #09b1af
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqTableTh {
    width: 100%;
    height: 52px;
    border-top: 1px solid #ccc;
    font-family: "寰蒋闆呴粦"
}

.bootbox .modal-dialog .modal-footer {
    padding-left: 37px;
    padding-bottom: 25px
}

.bootbox .modal-dialog .modal-footer .btn {
    width: 104px;
    height: 36px;
    line-height: 36px;
    border: none;
    border: 0;
    background: #ebeff0;
    color: #8b9797;
    border-radius: 3px;
    margin-left: 14px;
    font-size: 16px;
    cursor: pointer
}

.layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 120
}

.modeDialog {
    position: absolute;
    right: 0;
    top: 0;
    width: 360px;
    height: 100%;
    text-align: center;
    background: #fff;
    z-index: 121;
    border-radius: 2px
}

.modeDialog .close {
    overflow: hidden
}

.modeDialog .close_button {
    width: 14px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    display: inline-block;
    color: #c0c5c8;
    cursor: pointer
}

.modeDialog .h1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
    padding-left: 10px;
    font-size: 15px;
    color: #333;
    border: 1px solid #ebf3f5
}

.modeDialog .wether {
    overflow: hidden;
    width: 60%;
    margin: 16px auto 22px
}

.modeDialog .wether span:first-child {
    margin-left: 0
}

.modeDialog .wether span {
    display: inline-block;
    float: left;
    height: 44px;
    line-height: 44px;
    border: 1px solid #c5cecb;
    border-radius: 4px;
    margin-left: 10%;
    width: 40%;
    cursor: pointer
}

.modeDialog .wether span.active {
    color: #fff;
    border: 1px solid #13c9cb;
    background: #13c9cb
}

.model-body-extendTwo {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%
}

.white-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2000;
    background-color: #fff;
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.cutoff {
    margin: auto;
    width: 320px;
    color: #acbcbf;
    text-align: center
}

.cutoff span {
    display: block;
    width: 90px;
    height: 18px;
    background-image: url(../img/chat/bgGroup.png)
}

.cutoff .cutleft {
    float: left;
    background-position: -1329px 9px
}

.cutoff .cutright {
    float: right;
    background-position: -1447px 9px
}

.msgStatus {
    position: absolute;
    left: -24px;
    top: 12px;
    z-index: 1;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    cursor: pointer
}

.imgMagBox .msgDiv {
    padding: 2px
}

.imgMagBox .uploadImgLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 48, 51, .5)
}

.imgMagBox .uploadImgLayer:hover {
    background: rgba(31, 48, 51, .7)
}

.imgMagBox .uploadImgLayer .cancelUploadImg {
    display: none;
    margin: auto;
    margin-top: 75%;
    width: 50px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.imgMagBox .uploadImgLayer:hover .cancelUploadImg {
    display: block
}

.fileMagBox .msgDiv {
    padding: 2px
}

.fileMagBox .msgDiv .msgText {
    display: block;
    width: 220px;
    height: 40px;
    background: #fff;
    padding: 10px
}

.fileMagBox .msgText .msgFileIco {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 3px;
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat
}

.fileMagBox .msgText .fileRar {
    background-position: -2605px 0
}

.fileMagBox .msgText .fileTxt {
    background-position: -2660px 0
}

.fileMagBox .msgText .fileDoc {
    background-position: -2884px 0
}

.fileMagBox .msgText .filePdf {
    background-position: -2716px 0
}

.fileMagBox .msgText .filePpt {
    background-position: -2772px 0
}

.fileMagBox .msgText .fileXls {
    background-position: -2828px 0
}

.fileMagBox .msgText .fileOther {
    background-position: -2995px 0
}

.fileMagBox .msgText .msgFileDetail {
    float: left;
    margin-left: 9px;
    font-size: 12px
}

.fileMagBox .msgText .uploadFileProcess {
    display: inline-block;
    width: 80px;
    height: 6px;
    background: #e0e9e8
}

.fileMagBox .msgText .uploadFileProcess .processSpan {
    display: block;
    width: 0%;
    height: 6px;
    margin-right: 10px;
    background: #5ce09a
}

.fileMagBox .msgText .fileSize {
    float: left;
    color: #8a9699;
    font-size: 12px
}

.fileMagBox .msgText .sizeAfter {
    float: left;
    margin: 0 5px;
    color: #8a9699;
    font-size: 12px
}

.fileMagBox .msgText .filename {
    width: 170px;
    height: 20px;
    color: #555556;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    font-size: 12px
}

.fileMagBox .msgText .filecancel {
    margin-left: 10px;
    color: #28a7dc;
    font-size: 12px;
    cursor: pointer
}

.fileMagBox .msgText .filecanceled {
    display: none;
    margin-left: 10px;
    color: #8a9699;
    font-size: 12px
}

.fileMagBox .msgText .filefail {
    display: none;
    margin-left: 10px;
    color: #ed5c5c;
    font-size: 12px;
    cursor: pointer
}

.fileMagBox .msgText .filedownload {
    display: none;
    color: #28a7dc !important;
    font-size: 12px;
    cursor: pointer
}

.fileMagBox .msgText .filedownload:hover {
    text-decoration: none
}

.msgsending {
    background-image: url(../img/sending.gif);
    background-repeat: no-repeat
}

.msgsendError {
    background-image: url(../img/chat/bgGroup.png);
    background-position: -1911px 0;
    background-repeat: no-repeat
}

.pulldown-loading {
    display: none;
    width: 18px;
    height: 18px;
    margin: auto;
    background-image: url(../img/sending.gif);
    background-repeat: no-repeat
}

.queueing {
    position: absolute;
    z-index: 100;
    top: 60px;
    left: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    line-height: 28px;
    font-size: 12px;
    color: #889699;
    box-shadow: 0 0 8px 0 rgba(15, 66, 76, .1)
}

.queueing a {
    color: #28a8d9
}

.unread {
    display: none;
    width: auto;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 1000;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background: #b8c9cc;
    color: #fff;
    padding: 0 13px;
    cursor: pointer
}

.showTip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: auto;
    padding: 10px 10px;
    background: #566465;
    border-radius: 6px
}

.showTip .showTipText {
    width: auto;
    line-height: 22px;
    text-align: center;
    color: #fff
}

.list-paddingleft-2 {
    padding-left: 20px
}

.chatMain {
    width: 100%;
    height: 100%
}

.link-add {
    margin-left: 8px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid #f0f2f4;
    background: #fff;
    border-radius: 15px;
    color: #586b89;
    padding: 0 15px
}

.warrper-link-add {
    position: absolute;
    top: -40px;
    height: 40px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%
}

.warrper-link-add::-webkit-scrollbar {
    display: none
}

.chatPanelBody {
    float: left;
    width: 100%;
    height: 100%
}

.msgBottomArea {
    width: 100%;
    display: flex;
    position: relative;
    background-color: #e9f0ef;
    min-height: 20px;
    padding: 10px 0 0 0;
    margin-top: 10px;
    border-top: 1px solid #d8dae1
}

.msgEvaluate {
    font-size: 12px;
    color: #b6bebf;
    text-align: right
}

.msgChatSwitch {
    float: left;
    text-align: center;
    flex: 1;
    width: 31%;
    cursor: pointer
}

.msgChatSwitch i {
    display: inline-block;
    width: 55px;
    height: 20px;
    padding-top: 1px;
    padding-left: 14px;
    text-align: right;
    font-style: normal;
    color: #3d4966;
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -3959px 0
}

.msgChatSwitch:hover i {
    color: #23a5e6;
    background-position: -4027px 0
}

.msgChatSwitchNo {
    float: left;
    display: block;
    text-align: center;
    cursor: pointer
}

.msgChatEvaluate {
    width: 31%;
    flex: 1;
    display: inline-block;
    color: #b6bebf;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-style: normal
}

.msgChatEvaluate i {
    display: inline-block;
    width: 48px;
    height: 20px;
    font-size: 12px;
    color: #3d4966;
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    font-style: normal
}

.msgEvaluate {
    display: none
}

.msgBottomArea .msgEvaluateNo i {
    width: 60px;
    padding-left: 10px;
    background-position: -3164px -47px
}

.msgEvaluateNo:hover i {
    color: #23a5e6;
    background-position: -3380px -47px
}

.msgBottomArea .msgEvaluateOk i {
    font-style: normal;
    width: 58px;
    padding-left: 14px;
    background-position: -3050px -50px
}

.msgEvaluateOk:hover i {
    color: #23a5e6;
    background-position: -3266px -50px
}

.msgBottomArea .fengefu {
    color: #d8dae1
}

.msgBottomArea .hide {
    display: none
}

.msgBottomArea .yesBack i {
    color: #23a5e6;
    padding-left: 14px;
    width: 58px;
    background-position: -3266px -50px
}

.msgBottomArea .yes2Back i {
    padding-left: 14px;
    width: 58px;
    background-position: -3050px -50px;
    color: #bdc3d1
}

.msgBottomArea .noBack i {
    width: 60px;
    padding-left: 10px;
    color: #23a5e6;
    background-position: -3380px -47px
}

.msgBottomArea .no2Back i {
    width: 60px;
    padding-left: 10px;
    color: #bdc3d1;
    background-position: -3164px -47px
}

.header .noticeMsgBox {
    background: #fdf6d7;
    position: absolute;
    top: 60px;
    left: 0;
    width: 448px;
    padding: 10px 12px 10px 28px;
    display: none
}

.header .noticeMsg {
    display: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

.header .noticeInner-ellipsis-5 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 60px
}

.header .noticeInner {
    color: #807773;
    line-height: 20px;
    font-size: 12px;
    max-height: 221px;
    font-family: "寰蒋闆呴粦";
    cursor: default;
    display: inline-block;
    white-space: nowrap;
    margin: auto;
    width: auto;
    animation: 18s wordsLoop linear infinite normal
}

@keyframes wordsLoop {
    0% {
        transform: translateX(320px);
        -webkit-transform: translateX(320px)
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%)
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(320px);
        -webkit-transform: translateX(320px)
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%)
    }
}

.header .openLink .noticeInner {
    cursor: pointer
}

.header .openLink .noticeInner:hover {
    color: #e67f17
}

.header .openUrl {
    display: none;
    position: absolute;
    right: 20px;
    top: 13px;
    width: 10px;
    height: 20px;
    background: url(../img/evaluateicon.png) -105px 0 no-repeat;
    cursor: pointer
}

.header .openUrlShow {
    display: block
}

.chatPanelBody .noticeMsg {
    display: none;
    position: relative;
    overflow: hidden;
    padding: 10px 12px 10px 28px;
    background: #fdf6d7
}

.chatPanelBody .noticeInner-ellipsis-5 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 102px
}

.noticeVoice {
    display: block;
    float: left;
    position: absolute;
    left: 10px;
    top: 15px;
    width: 20px;
    height: 100%;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -2320px 0;
    background-repeat: no-repeat
}

.openNotice {
    display: none;
    width: 40px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 18px;
    bottom: 10px;
    cursor: pointer;
    color: #ef7f1d;
    font-size: 12px;
    font-family: "寰蒋闆呴粦"
}

.noticeMsg .openActive {
    background-image: url(../img/chat/bgGroup.png);
    background-position: -2332px 8px;
    background-repeat: no-repeat
}

.noticeMsg .closeActive {
    background-image: url(../img/chat/bgGroup.png);
    background-position: -2369px 8px;
    background-repeat: no-repeat
}

.noticeInner {
    float: left;
    width: 100%;
    color: #807773;
    line-height: 20px;
    font-size: 12px;
    word-wrap: break-word;
    font-family: "寰蒋闆呴粦"
}

.noticeInner img {
    max-height: 60px
}

.closeLayer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(31, 48, 51, .5);
    z-index: 120
}

.closeEvaluate {
    width: 320px;
    position: absolute;
    top: 155px;
    z-index: 121;
    background: #fff;
    border-radius: 4px;
    padding-bottom: 10px
}

.closeEvaTitle {
    color: #555556;
    margin: 40px 0 30px 0;
    font-size: 16px;
    text-align: center;
    font-family: "寰蒋闆呴粦"
}

#closeStar {
    position: relative;
    width: 100%;
    margin: 16px 0;
    margin-bottom: 22px;
    text-align: center
}

#closeStar ul {
    margin: auto;
    width: 225px;
    overflow: hidden;
    display: inline-block
}

#closeStar li {
    float: left;
    width: 45px;
    height: 35px;
    cursor: pointer;
    text-indent: -9999px;
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -853px 0
}

#closeStar li.on {
    background-position: -921px 0
}

.noEvaluate {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0 30px 0;
    font-size: 12px;
    color: #acbcbf;
    cursor: pointer
}

.noEvaluate:hover {
    color: #555556
}

.closeEvaBtn {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 20px;
    display: inline-block;
    color: #c0c5c8;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -776px 1px;
    cursor: pointer
}

.closeEvaBtn:hover {
    background-position: -816px 1px
}

.closeEvaluate .toSideEvaluate {
    width: 100%;
    text-align: center;
    color: #28a7dc;
    margin: 0 0 20px 0;
    cursor: pointer
}

.closeEvaluate .commit {
    width: 180px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto 15px;
    background: #13c9cb;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.robotChose span {
    float: left;
    display: block;
    position: relative;
    width: 55px;
    height: 30px;
    line-height: 30px;
    color: #8a9699;
    padding-left: 40px;
    text-align: left;
    cursor: pointer
}

.robotChose span i {
    position: absolute;
    left: 15px;
    top: 8px;
    width: 20px;
    height: 20px
}

.robotChose .evaluateok {
    color: #13cacb;
    border: 1px solid #13cacb;
    border-radius: 2px;
    margin-right: 15px
}

.robotChose .evaluateok i {
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -1605px 0
}

.robotChose .evaluateno {
    color: #8e9fa6;
    border: 1px solid #ddd;
    border-radius: 2px
}

.robotChose .evaluateno i {
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -1651px 0
}

.robotChose span:hover {
    background: #f5f9fa
}

.robotChose {
    width: 218px;
    margin: 0 auto 20px;
    overflow: hidden
}

.closeEvaluate .btnGroup {
    clear: both
}

.robotChose .okactive {
    color: #1dc3a6
}

.robotChose .okactive i {
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -1607px 0
}

.robotChose .noactive {
    color: #eb7054
}

.robotChose .noactive i {
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -1695px 0
}

.textArea .inputPlaceholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    border: 0;
    color: #adb1b1;
    box-sizing: border-box;
    padding: 0 82px 0 10px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 12px;
    resize: none;
    border: none;
    font-family: "Microsoft Yahei"
}

.inputPlacShow {
    display: block
}

.capture-outer {
    width: 360px;
    background-color: #fff;
    padding: 27px 20px;
    box-sizing: border-box;
    text-align: left;
    padding-top: 10px
}

.capture-outer .h5 {
    font-size: 14px;
    color: #3d4966;
    font-weight: 400;
    margin: 0;
    line-height: 20px
}

.capture-outer .captTips {
    color: #bf862d;
    background: #fff9e3;
    padding: 8px
}

.capture-outer ol {
    font-size: 14px;
    color: #3d4966;
    line-height: 20px;
    padding: 0;
    margin: 0;
    margin-top: 14px;
    list-style-position: outside;
    margin-left: 15px
}

.capture-outer ol li {
    margin-top: 14px
}

.capture-outer ol li:first-child {
    margin-top: 0
}

.capture-outer ol h6 {
    font-size: 14px;
    color: #3d4966;
    line-height: 20px;
    margin: 0;
    font-weight: 400
}

.capture-outer ol .capture-text {
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #8b98ad;
    margin-top: 7px
}

.capture-outer ol .capture-text a {
    color: #4d9dfe
}

.bootbox .capture-dialog .modal-header .bootbox-close-button {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    line-height: 18px;
    color: #c9d7d8;
    opacity: 1;
    cursor: pointer;
    font-size: 18px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.magBox .msgDiv .msgText .sessionTmp0 {
    width: 100%
}

.magBox .noneClick .tmp0InnerList, .magBox .noneClick .tmp1InnerList, .magBox .noneClick .tmp2InnerList, .magBox .noneClick .tmp3InnerList {
    background: #f2f2f2 !important;
    cursor: auto !important;
    list-style: none
}

.magBox .noneClick .tmp1InnerList .innerEle {
    background: #f2f2f2 !important;
    cursor: auto !important
}

.magBox .msgDiv .msgText .sessionTmp0 .beginLan {
    width: 100%;
    color: #333;
    margin-bottom: 10px
}

.magBox .msgDiv .msgText .sessionTmp0 .interfaceRetListArea {
    overflow: hidden;
    max-height: 274px;
    margin-top: 0
}

.magBox .msgDiv .msgText .sessionTmp0 .tranMultiGroup {
    float: right;
    background: #fff;
    border-radius: 15px;
    width: 70px;
    height: 26px;
    padding-left: 20px;
    line-height: 26px;
    color: #0daeaf;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer
}

.magBox .msgDiv .msgText .sessionTmp0 .tranMultiGroup span {
    float: left
}

.magBox .msgDiv .msgText .sessionTmp0 .tranMultiGroup i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) -3787px 7px
}

.magBox .msgDiv .msgText .tmp0InnerList {
    width: 95%;
    min-width: 180px;
    background: #fff;
    padding: 5px;
    max-width: 400px;
    border: 1px solid #d6dbe5;
    border-bottom: none;
    cursor: pointer
}

.magBox .msgDiv .msgText .tmp0InnerList .viewImg {
    width: 22%;
    max-height: 80px;
    height: 80px !important;
    float: left
}

.magBox .msgDiv .msgText .tmp0InnerList .viewImg img {
    height: 80px !important;
    width: 100%
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight {
    float: left;
    width: 72%;
    margin-left: 10px
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightTop {
    float: left;
    width: 100%;
    margin-top: 2px
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightTop .title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    font-weight: 700;
    white-space: nowrap;
    color: #3d4966
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightTop .mark3 {
    float: right;
    color: #b6bebf
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightMid {
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 13px
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightMid .mark1 {
    color: #8b98ad;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightBottom {
    float: left;
    width: 100%;
    height: 20px
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightBottom .mark2 {
    float: left;
    font-size: 16px;
    max-width: 48%;
    color: #f6a623;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightBottom .mark4 {
    float: right;
    color: #8b98ad;
    max-width: 48%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap
}

.magBox .msgDiv .msgText .sessionTmp1 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp1 .multiHide {
    display: none
}

.magBox .msgDiv .msgText .sessionTmp1 .multiMore {
    float: right;
    width: 90px;
    border-radius: 15px;
    color: #0daeaf;
    text-align: center;
    background: #fff;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 8px
}

.magBox .msgDiv .msgText .sessionTmp1 .multiMore span {
    display: inline-block;
    height: 26px;
    line-height: 26px
}

.magBox .msgDiv .msgText .sessionTmp1 .multiMore i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) -3817px 12px
}

.magBox .msgDiv .msgText .sessionTmp1 .multiMore .pull {
    background: url(../img/chat/bgGroup.png) -3846px 12px
}

.magBox .msgDiv .msgText .sessionTmp1 .beginLan {
    width: 100%;
    color: #333;
    margin-bottom: 10px
}

.magBox .msgDiv .msgText .sessionTmp1 .tmp1InnerList {
    width: 100%;
    background: #fff;
    cursor: pointer
}

.magBox .msgDiv .msgText .sessionTmp1 .tmp1InnerList .innerEle {
    float: left;
    list-style: none;
    text-align: center;
    background: #fff;
    border: 1px solid #d6dbe5;
    border-radius: 2px;
    width: 138px;
    height: 29px;
    line-height: 29px;
    margin: 3px 0 3px 6px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #3d4966
}

.magBox .msgDiv .msgText .sessionTmp1 .tmp1InnerList .innerEle a {
    color: #3d4966
}

.magBox .msgDiv .msgText .sessionTmp2 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp2 .multiHide {
    display: none
}

.magBox .msgDiv .msgText .sessionTmp2 .multiMore {
    float: right;
    width: 90px;
    border-radius: 15px;
    color: #0daeaf;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
    background: #fff;
    cursor: pointer
}

.magBox .msgDiv .msgText .sessionTmp2 .multiMore span {
    display: inline-block;
    height: 26px;
    line-height: 26px
}

.magBox .msgDiv .msgText .sessionTmp2 .multiMore i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) -3817px 12px
}

.magBox .msgDiv .msgText .sessionTmp2 .multiMore .pull {
    background: url(../img/chat/bgGroup.png) -3846px 12px
}

.magBox .msgDiv .msgText .sessionTmp2 .beginLan {
    width: 100%;
    color: #333;
    margin-bottom: 10px
}

.magBox .msgDiv .msgText .tmp2InnerList {
    width: 92%;
    max-width: 400px;
    min-width: 180px;
    background: #fff;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #d6dbe5;
    border-bottom: none
}

.magBox .msgDiv .msgText .tmp2InnerList .viewImg {
    width: 12%;
    height: 44px !important;
    float: left;
    margin-right: 10px
}

.magBox .msgDiv .msgText .tmp2InnerList .innerTop {
    float: left;
    width: 82%
}

.magBox .msgDiv .msgText .tmp2InnerList .innerTop .title {
    float: left;
    width: 68%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #3d4966
}

.magBox .msgDiv .msgText .tmp2InnerList .innerTop .tag {
    float: right;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    text-align: right;
    color: #8b98ad
}

.magBox .msgDiv .msgText .tmp2InnerList .innerBottom {
    float: left;
    width: 82%;
    margin-top: 5px
}

.magBox .msgDiv .msgText .tmp2InnerList .innerBottom .summary {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 102px;
    color: #8b98ad
}

.magBox .msgDiv .msgText .sessionTmp3 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp3 .viewParent {
    max-width: 268px !important
}

.magBox .msgDiv .msgText .sessionTmp3 .viewImg {
    width: 100%;
    float: left;
    max-height: 134px !important
}

.magBox .msgDiv .msgText .sessionTmp3 .inner {
    float: left;
    width: 94%;
    padding: 3%;
    background: #fff
}

.magBox .msgDiv .msgText .sessionTmp3 .inner .title {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 7px;
    color: #3d4966
}

.magBox .msgDiv .msgText .sessionTmp3 .inner .summary {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 102px;
    color: #3d4966
}

.magBox .msgDiv .msgText .sessionTmp3 .inner .more {
    display: inline-block;
    width: 100%;
    text-align: right;
    border-top: 1px solid #e9f0ef;
    padding-top: 4px;
    font-size: 14px;
    color: #4d9dfe;
    margin-top: 10px
}

.magBox .msgDiv .msgText .sessionTmp4 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp4 .beginLan {
    font-weight: 700
}

.magBox .msgDiv .msgText .sessionTmp4 .inner {
    float: left;
    width: 90%;
    max-width: 240px !important;
    padding: 10px;
    background: #fff
}

.magBox .msgDiv .msgText .sessionTmp4 .inner .title {
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0;
    color: #3d4966
}

.magBox .msgDiv .msgText .cyclicSessionError {
    overflow: hidden;
    background: #fff;
    padding: 10px;
    border-radius: 2px;
    max-width: 100%
}

.magBox .msgDiv .msgText .cyclicSessionError .icn {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 42px;
    height: 42px;
    background: red;
    background: url(../img/chat/bgGroup.png) -3670px 0
}

.magBox .msgDiv .msgText .cyclicSessionError .errorP {
    float: left;
    font-size: 14px;
    color: #b6bebf;
    max-width: 75%
}

.magBox .msgDiv .msgText .sessionTmp1511 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp1511 .beginLan {
    width: 100%;
    color: #333;
    margin-bottom: 10px
}

.magBox .msgDiv .msgText .sessionTmp1511 .tmp1InnerList {
    width: 100%;
    cursor: pointer
}

.magBox .msgDiv .msgText .sessionTmp1511 .tmp1InnerList .innerEle {
    list-style: none;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #4298ba
}

.magBox .noneClick .msgText .sessionTmp1511 .tmp1InnerList .innerEle {
    color: #3d4966
}

.magBox .noneClick .msgText .sessionTmp1511 .tmp1InnerList {
    background: 0 0 !important
}

.magBox .noneClick .msgText .sessionTmp1511 .tmp1InnerList .innerEle {
    background: 0 0 !important
}

.magBox .msgDiv .msgText .sessionTmp1511 .tmp1InnerList .innerEle a {
    color: #3d4966
}

.magBox .msgDiv .msgText .goods-wrap {
    height: 100%;
    overflow: hidden;
    background: #f2f2f2;
    padding: 5px;
    min-width: 180px
}

.magBox .msgDiv .msgText .goods-wrap .beginLan {
    width: 100%;
    color: #b6bebf;
    margin-bottom: 10px
}

.magBox .msgDiv .msgText .goods-wrap .goods-thum {
    width: 22%;
    max-height: 80px;
    height: 80px !important;
    float: left
}

.magBox .msgDiv .msgText .goods-wrap .goods-detail {
    float: left;
    width: 70%;
    margin-left: 10px
}

.magBox .msgDiv .msgText .goods-wrap .goods-detail .goods-titlea {
    display: inline-block;
    color: #3d4966
}

.magBox .msgDiv .msgText .goods-wrap .goods-detail .goods-titlea:hover {
    color: #09aeb0
}

.magBox .msgDiv .msgText .goods-wrap .goods-detail .goods-title {
    float: left;
    width: 100%;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #3d4966
}

.magBox .msgDiv .msgText .goods-wrap .goods-detail .goods-abstract {
    color: #3d4966;
    margin-bottom: 5px
}

.magBox .msgDiv .msgText .goods-wrap .goods-detail .goods-label {
    color: #3d4966;
    margin-bottom: 5px
}

.footer .respInfoList {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    position: absolute;
    top: 0;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25);
    border: 1px solid #ebeff0
}

.footer .respInfoList li {
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    word-break: normal;
    white-space: nowrap
}

.footer .respInfoList li:hover {
    background: #eff3fa
}

.switchRobot .switchRobotBody .zc-scroll::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.switchRobot .switchRobotBody .zc-scroll::-webkit-scrollbar {
    width: 6px
}

.switchRobotlayer {
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgba(99, 99, 99, 0);
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0
}

.switchRobot {
    width: 360px;
    height: 100%;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: -390px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.switchRobot .switchRobotDetailTip {
    margin-top: 0
}

.switchRobot .switchRobotHeader {
    position: relative;
    z-index: 1000000;
    border-bottom: 1px solid #ebf3f5;
    height: 60px;
    background: #fff
}

.switchRobot .switchRobotHeader .title {
    font-size: 15px;
    color: #555556;
    height: 56px;
    line-height: 56px;
    margin-left: 10px
}

.switchRobot .switchRobotHeader .close {
    display: block;
    width: 14px;
    height: 14px;
    color: #c9d6d9;
    position: absolute;
    z-index: 1002;
    right: 11px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.switchRobot .switchRobotHeader .close:hover {
    background-position: -815px 1px
}

.switchRobot .switchRobotBody {
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 30px 0;
    height: 75%
}

.switchRobotBody::-webkit-scrollbar {
    width: 6px
}

.switchRobotBody::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.switchRobotBody .robotList {
    margin: 0 0 0 6px
}

.switchRobotBody .robotList li {
    float: left;
    width: 160px;
    height: 56px;
    line-height: 23px;
    margin-left: 8px;
    margin-bottom: 20px;
    border: 1px solid #e0e9e8;
    color: #535656;
    background: #fff;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: Center;
    max-width: 100%
}

.switchRobotBody .robotList .currentRobot a {
    color: #fff
}

.switchRobotBody .robotList li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #535656;
    max-width: 100%
}

.bootbox .capture-dialog .modal-header {
    height: 38px
}

.bootbox .capture-dialog .modal-header .modal-title {
    padding: 0;
    font-weight: 700;
    text-align: left;
    padding-left: 20px;
    padding-top: 8px;
    color: #3d4966
}

.bootbox .capture-dialog .modal-body .captTips {
    margin-bottom: 24px
}

.bootbox .capture-dialog .modal-body .h5 {
    font-weight: 700
}

.editContent {
    display: block !important;
    height: 200px;
    overflow-y: hidden
}

.editContent.active {
    height: 400px;
    overflow-y: auto
}

.editContent::-webkit-scrollbar {
    width: 6px
}

.editContent::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.queryAll {
    margin-top: -3px;
    max-width: 80%;
    padding: 15px 10px;
    text-align: center;
    background-color: #e9f0ef
}

.queryAll i {
    display: inline-block;
    width: 10px;
    height: 7px;
    margin-left: 5px;
    background: url(../img/down.png) no-repeat
}

.openEdit.active i {
    background: url(../img/up.png) no-repeat
}

.queryAll .openEdit {
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    color: #09aeb0;
    border-radius: 15px;
    background: #fff
}

.videoArea {
    position: relative
}

.videoArea .playIcn {
    display: block;
    width: 40px;
    height: 20%;
    background: red;
    position: absolute;
    top: 40%;
    left: 57px;
    background: url(../img/videoButton.png) no-repeat 0 0
}

.videoLayer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    background: rgba(31, 48, 51, .5);
    text-align: center;
    opacity: 0
}

.videoLayer .blackBG {
    background: #000;
    width: 700px;
    height: 600px;
    margin: auto;
    text-align: center;
    margin-top: 150px
}

.videoLayer .bigVideo {
    height: 600px
}

.videoLayer .videoClose {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 15px;
    margin: 17px 20px 0 0;
    color: #bdc3d1;
    opacity: 1;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer
}

.msgDiv .msgText .order-wrapA {
    color: #555556
}

.msgDiv .msgText .order-wrapA:hover {
    text-decoration: none
}

.msgDiv .msgText .order-wrap {
    width: 290px;
    padding: 10px;
    background: #fff
}

.msgDiv .msgText .order-wrap .order-desc {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebeff0
}

.msgDiv .msgText .order-wrap .order-pic {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px
}

.msgDiv .msgText .order-wrap .order-pic img {
    display: block;
    width: 100%;
    max-width: 100%
}

.msgDiv .msgText .order-wrap .order-name {
    font-size: 14px;
    color: #555556;
    text-overflow: ellipsis;
    max-width: 230px;
    word-break: normal;
    white-space: nowrap;
    overflow: hidden
}

.msgDiv .msgText .order-wrap .order-tip {
    font-size: 12px;
    color: #8b98ad;
    margin-top: 10px
}

.msgDiv .msgText .order-wrap .order-info {
    line-height: 20px;
    font-size: 12px
}

.msgDiv .msgText .order-wrap .order-info div {
    box-sizing: border-box
}

.privacy-proto-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    z-index: 10000;
    text-align: center
}

.privacy-proto-layer .content-wrap {
    width: 324px;
    background: #fff;
    padding: 22px 20px;
    display: inline-block;
    margin-top: 80px;
    text-align: left;
    border-radius: 4px;
    box-sizing: border-box
}

.privacy-proto-layer .content-wrap .title {
    font-size: 20px;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
    font-weight: 500
}

.privacy-proto-layer .content-wrap .item {
    text-indent: 28px;
    color: #333;
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px
}

.privacy-proto-layer .content-wrap .more {
    margin-top: 15px;
    display: inline-block
}

.privacy-proto-layer .content-wrap a {
    color: #0daeaf;
    font-size: 14px
}

.privacy-proto-layer .content-wrap .foot {
    text-align: center;
    margin-top: 15px
}

.privacy-proto-layer .content-wrap .foot a {
    border: 1px solid #e5ebf6;
    text-align: center;
    line-height: 34px;
    width: 132px;
    height: 34px;
    display: inline-block;
    float: left;
    border-radius: 1px;
    background: #e5ebf6
}

.privacy-proto-layer .content-wrap .foot a:nth-child(2) {
    background: #0daeaf;
    color: #fff;
    border: 1px solid #0daeaf;
    margin-left: 16px
}

.privacy-proto-layer .content-wrap .foot a:nth-child(1) {
    color: #4a4a4a
}

.agree-author .agree-author-desc {
    padding: 20px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(138, 150, 153, 1);
    line-height: 17px;
    text-align: center;
    margin: auto
}

.agree-author .agree-author-desc a {
    cursor: pointer;
    color: #1890ff;
    text-decoration: none
}

.remote-remind {
    position: absolute;
    min-height: 113px;
    background: #fff;
    width: 100%;
    z-index: 100;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 2px 10px 0 rgba(222, 222, 222, .5);
    display: none
}

.remote-remind .content {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative
}

.remote-remind .content .remote-logo {
    position: absolute;
    width: 70px;
    height: 64px;
    left: 0;
    top: 50%;
    margin-top: -32px
}

.remote-remind .content .remote-remind-msg {
    display: inline-block;
    height: 100%;
    margin-left: 90px;
    margin-right: 180px
}

.remote-remind .content .remote-remind-msg .title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    line-height: 21px;
    margin-bottom: 8px
}

.remote-remind .content .remote-remind-msg .desc {
    font-size: 14px;
    font-weight: 400;
    color: #767878;
    line-height: 22px
}

.remote-remind .content .remote-remind-msg .desc p {
    margin: 0
}

.remote-remind .content .remote-right {
    width: 180px;
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px
}

.remote-remind .content .remote-right .btn {
    margin-left: 10px;
    width: 80px;
    height: 34px;
    background: #e5ebf6;
    border-radius: 2px;
    color: #757777;
    text-align: center;
    line-height: 34px;
    cursor: pointer
}

.remote-remind .content .remote-right .btn.accept-btn {
    background: #0daeaf;
    color: #fff
}

.remote-remind .content.remote-count-down p {
    margin: auto;
    padding-top: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

.remote-remind .content.remote-download {
    display: block;
    padding: 10px
}

.remote-remind .content.remote-download .close-btn {
    width: 12px;
    height: 12px;
    background-image: url(../img/chat/bgGroup.png);
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 16px;
    background-position: -778px 0;
    cursor: pointer
}

.remote-remind .content.remote-download .tips {
    display: flex
}

.remote-remind .content.remote-download .tips .icon-remote-warnning {
    width: 40px !important;
    height: 40px !important;
    margin-right: 8px
}

.remote-remind .content.remote-download .tips .desc {
    font-size: 16px;
    font-weight: 500;
    color: #f3303a;
    line-height: 22px;
    padding-right: 32px
}

.remote-remind .content.remote-download .download {
    margin-top: 15px;
    display: flex
}

.remote-remind .content.remote-download .download .download-btn {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #0daeaf;
    padding: 0 14px;
    line-height: 32px;
    color: #0daeaf;
    margin-right: 10px;
    max-width: 135px
}

.remote-remind .content.remote-download .download .active-btn {
    width: 88px;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    border: 1px solid #0daeaf;
    color: #0daeaf;
    text-align: center;
    margin-left: 40px;
    cursor: pointer
}

.remote-remind.small .content.remote-download .download .download-btn {
    padding: 0 7px
}

.remote-remind.small .content.remote-download .download .active-btn {
    margin-left: 0
}

.remote-remind.middle .content .remote-logo, .remote-remind.small .content .remote-logo {
    display: none
}

.remote-remind.middle .content .remote-remind-msg, .remote-remind.small .content .remote-remind-msg {
    margin-left: 0;
    margin-right: 90px
}

.remote-remind.small .content .remote-right {
    width: 90px;
    display: block;
    margin-top: -32px
}

.remote-remind.small .content .remote-right .btn {
    margin-left: 10px;
    float: left
}

.remote-remind.small .content .remote-right .btn.accept-btn {
    margin-top: 5px
}

.remote-close-confirm {
    position: absolute;
    width: 320px;
    background: #fff;
    top: 30px;
    z-index: 9999999;
    padding-bottom: 20px;
    left: 50%;
    margin-left: -160px;
    box-shadow: 0 2px 8px 0 rgba(172, 172, 172, .5)
}

.remote-close-confirm .header {
    padding: 20px 30px
}

.remote-close-confirm .header .title {
    font-weight: 600;
    color: #3d4966;
    line-height: 22px;
    text-shadow: 0 2px 8px rgba(172, 172, 172, .5)
}

.remote-close-confirm .header .close-icon {
    position: absolute;
    background: url(../img/chat/bgGroup.png);
    background-position: -778px 0;
    width: 12px;
    height: 12px;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.remote-close-confirm .content {
    padding: 0 30px;
    font-size: 14px;
    font-weight: 400;
    color: #3d4966;
    line-height: 22px;
    text-shadow: 0 2px 8px rgba(172, 172, 172, .5)
}

.remote-close-confirm .btns {
    padding: 0 30px;
    display: inline-flex;
    margin-top: 20px
}

.remote-close-confirm .btns .btn {
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #e5ebf6;
    box-shadow: 0 1px 3px 0 rgba(172, 172, 172, .5);
    border-radius: 2px;
    color: rgba(61, 73, 102, .98);
    margin-right: 10px;
    text-align: center;
    cursor: pointer
}

.remote-close-confirm .btns .btn.ok {
    background: #0daeaf;
    color: #fff
}

.authorization {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1001;
    display: none
}

.authorization-container {
    position: absolute;
    width: 80%;
    max-width: 585px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    padding: 30px 40px
}

.authorization-container .authorization-title {
    width: 100%;
    text-align: center;
    color: #3d4966;
    font-size: 16px;
    font-weight: 500
}

.authorization-container .authorization-content {
    width: 100%;
    margin-top: 20px;
    padding-top: 15px;
    font-size: 14px;
    color: #3d4966;
    line-height: 20px;
    max-height: 338px;
    overflow-x: hidden;
    overflow-y: scroll
}

.authorization-container .authorization-content:hover {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

.authorization-container .authorization-content::-webkit-scrollbar {
    width: 6px
}

.authorization-container .authorization-content::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.authorization-container .authorization-footer {
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
    color: #3d4966;
    text-align: center
}

.authorization-container .authorization-footer .authorization-footer-checkbox {
    width: 130px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.authorization-container .authorization-footer .authorization-footer-checkbox input[type=checkbox] {
    display: none
}

.authorization-container .authorization-footer .authorization-footer-checkbox .checkbox {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../img/checkebox.png) no-repeat;
    background-size: 100%
}

.authorization-container .authorization-footer .authorization-footer-checkbox .checkbox.checked {
    background: url(../img/checked.png) no-repeat;
    background-size: 100%
}

.authorization-container .authorization-footer .authorization-footer-checkbox .checkbox-text {
    cursor: pointer;
    width: 100px;
    white-space: nowrap;
    margin-left: 6px
}

.authorization-container .authorization-footer .authorization-footer-btn {
    width: 294px;
    height: 36px;
    background-color: #0daeaf;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 2px;
    opacity: .5
}

.magBox .sensitiveMsg-container {
    width: 334px;
    background-color: #e9f0ef;
    padding: 10px;
    float: right;
    text-align: left;
    box-sizing: border-box
}

.magBox .sensitiveMsg-container .sensitiveMsg {
    background-color: #fff;
    padding: 16px 16px
}

.magBox .sensitiveMsg-container .sensitiveMsg .sensitiveMsg-content {
    background-color: #f2f5f7;
    padding: 10px;
    font-size: 14px;
    color: #8a9699;
    position: relative;
    max-height: 72px;
    overflow: hidden;
    word-break: break-all
}

.magBox .sensitiveMsg-container .sensitiveMsg .sensitiveMsg-content.expand {
    overflow: scroll;
    max-height: 200px
}

.magBox .sensitiveMsg-container .sensitiveMsg .sensitiveMsg-content .sensitiveMsg-more {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #0daeaf;
    text-align: center;
    line-height: 40px;
    display: none;
    cursor: pointer;
    background: linear-gradient(rgba(250, 250, 252, .6) 0, rgba(242, 245, 247, 1) 100%)
}

.magBox .sensitiveMsg-container .sensitiveMsg .sensitiveMsg-des {
    margin-top: 12px;
    font-size: 14px;
    color: #15192a
}

.magBox .sensitiveMsg-container .sensitiveMsg .sensitiveMsg-footer {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.magBox .sensitiveMsg-container .sensitiveMsg .sensitiveMsg-footer .sensitiveMsg-btn {
    min-width: 100px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 8px
}

.magBox .sensitiveMsg-container .sensitiveMsg .sensitiveMsg-footer .sensitiveMsg-send {
    background-color: #0daeaf;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.magBox .sensitiveMsg-container .sensitiveMsg .sensitiveMsg-footer .sensitiveMsg-refuse {
    background-color: #ebeff0;
    color: #8a9699;
    margin-left: 10px
}

div, h1, img, p, ul {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-user-drag: none
}

.zc-emoji, .zc-face {
    width: 24px;
    height: 24px;
    border: none
}

.zc-noSelect {
    width: 24px;
    height: 24px;
    border: none;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

#faceGroupTarea {
    position: absolute;
    top: -179px;
    left: 0;
    z-index: 1000;
    width: 360px;
    height: 178px;
    border: 1px solid #e7e7e7;
    border-top: none;
    box-shadow: 0 3px 6.5px #d9e2e7
}

.GroupTab {
    width: 390px;
    height: 28px;
    background: #f2f4f5;
    border: 1px solid #e7e7e7;
    margin-left: -1px
}

.GroupTab li {
    float: left;
    padding: 4px 15px;
    color: #929292;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    border-right: none;
    border-top: 1px solid #f2f4f5;
    font-size: 12px;
    list-style: none
}

.GroupTab li.active {
    background: #fff;
    color: #383a3b;
    border-bottom: #fff 2px solid;
    margin-bottom: -1px
}

.GroupTab li:first-child {
    border-left: none
}

#faceGroupTarea .groupChildren {
    float: left;
    padding: 6px 9px;
    background: #fff;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#faceGroupTarea .groupChildren li {
    float: left;
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer;
    list-style: none
}

#faceGroupTarea .groupChildren li .faceIco {
    display: block;
    width: 20px;
    height: 20px;
    padding: 8px
}

#faceGroupTarea .groupChildren li:hover {
    background: #edeff0
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.leaveMsg .leaveMsgBody .zc-scroll::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.leaveMsg .leaveMsgBody .zc-scroll::-webkit-scrollbar {
    width: 6px
}

.leaveMsglayer {
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgba(99, 99, 99, 0);
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0
}

.leaveMsg {
    width: 360px;
    height: 100%;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: -390px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.leaveMsg .message-flow .process {
    width: 100%;
    height: 89%;
    box-sizing: border-box;
    padding: 17px 20px 20px 20px;
    overflow-y: auto
}

.leaveMsg .message-flow .process .process-qusetion {
    width: 100%;
    height: 100%
}

.leaveMsg .message-flow .process .process-qusetion .top {
    width: 100%;
    border-bottom: 1px solid rgba(238, 238, 238, 1)
}

.leaveMsg .message-flow .process .process-qusetion .top .top-desc {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px
}

.leaveMsg .message-flow .process .process-qusetion .top .detailed-description {
    margin-top: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(138, 150, 153, 1);
    line-height: 20px;
    word-wrap: break-word
}

.leaveMsg .message-flow .process .process-qusetion .top .detailed-description.active {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.leaveMsg .message-flow .process .process-qusetion .top .hideOrShow {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(6, 174, 177, 1);
    margin-top: 7px;
    cursor: pointer;
    margin-bottom: 10px
}

.leaveMsg .message-flow .process .process-qusetion .top .hideOrShow .tubo {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -3850px 2px
}

.leaveMsg .message-flow .process .process-qusetion .top .hideOrShow .tubo.active {
    background-position: -3822px 2px
}

.leaveMsg .message-flow .process .process-qusetion .bottom {
    width: 100%;
    margin-top: 15px
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .tipsss {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/pointOld@2x.png);
    background-size: 100%;
    vertical-align: sub
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .tipsss.active {
    background-image: url(../img/pointA@2x.png)
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .timer {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/timeOld@2x.png);
    background-size: 100%;
    vertical-align: middle
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .timer.actives {
    background-image: url(../img/time@2x.png)
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .texts {
    margin-left: 10px;
    color: rgba(155, 155, 155, 1)
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .texts.active {
    color: rgba(6, 174, 177, 1)
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .contents-sl {
    width: 100%;
    border-left: 1px solid rgba(238, 238, 238, 1);
    margin-left: 7px;
    margin-top: 10px;
    margin-bottom: 10px
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .contents-sl.active {
    border-left: 1px solid rgba(6, 174, 177, 1)
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .contents-sl .resful {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1)
}

.leaveMsg .message-flow .process .process-qusetion .bottom .proseess .contents-sl .resfuls {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(138, 150, 153, 1);
    word-wrap: break-word
}

.leaveMsg .leaveMsgDetailTip {
    margin-top: 0
}

.leaveMsg .leaveMsgHeader {
    position: relative;
    z-index: 1000000;
    border-bottom: 1px solid #ebf3f5;
    height: 60px;
    background: #fff
}

.leaveMsg .leaveMsgHeader .title {
    font-size: 15px;
    color: #555556;
    height: 60px;
    line-height: 60px;
    width: 100px;
    float: left;
    text-align: center;
    cursor: pointer
}

.leaveMsg .leaveMsgHeader .title .bgback {
    background-image: url(../img/chat/bgGroup.png);
    width: 13px;
    height: 13px;
    display: inline-block;
    background-position: -3731.4px 0
}

.leaveMsg .leaveMsgHeader .title.active {
    border-bottom: 2px solid rgba(13, 174, 175, 1);
    color: rgba(13, 174, 175, 1)
}

.leaveMsg .leaveMsgHeader .close {
    display: block;
    width: 14px;
    height: 14px;
    color: #c9d6d9;
    position: absolute;
    z-index: 1002;
    right: 11px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.leaveMsg .leaveMsgHeader .close:hover {
    background-position: -815px 1px
}

.leaveMsg .leaveMsgBody {
    overflow-y: scroll;
    overflow-x: hidden;
    float: right
}

.leaveMsgBody::-webkit-scrollbar {
    width: 6px
}

.leaveMsgBody::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.leaveMsg .leaveMsgBody .guide {
    margin: auto;
    width: 88%;
    line-height: 24px;
    color: #8a9699;
    padding: 20px 0
}

.leaveMsg .leaveMsgBody .guide p, .leaveMsg .leaveMsgBody .guide span, .leaveMsg .leaveMsgBody .guide strong {
    white-space: pre-wrap;
    word-wrap: break-word
}

.leaveMsg .leaveMsgBody .dropdown-menus {
    display: none;
    width: 180px;
    margin-top: 1px;
    border: 1px solid #e1e6f5;
    border-radius: 0;
    background-color: #fff;
    list-style: none;
    padding: 5px 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 0;
    max-width: 100%;
    max-height: 200px;
    box-shadow: none;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 1000;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-clip: padding-box;
    background: #fff
}

.leaveMsg .leaveMsgBody .dropdown-menus li {
    position: relative;
    width: 88px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    color: #4e5a75;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .dropdown-menus li a {
    clear: both;
    display: block;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #4e5a75;
    padding: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none
}

.leaveMsg .leaveMsgBody .dropdown-menus li a:hover {
    background: #eff3fa
}

.leaveMsg .leaveMsgBody .dropdown-menus li:hover {
    background: #eff3fa
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed {
    display: none;
    width: 276px;
    overflow: hidden;
    position: absolute;
    top: 63px;
    left: 0;
    z-index: 1000000;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitleIcn {
    background-position: -3279px 0
}

.leaveMsg .leaveMsgBody .questionClassify .openActive {
    display: block
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router {
    width: 257px;
    padding: 12px 20px;
    padding-right: 0;
    background: #fff;
    border-bottom: 1px solid #eff3fa
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerDeep {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #bdc3d1;
    font-size: 12px;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum1 {
    max-width: 240px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum2 {
    max-width: 220px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum3 {
    max-width: 110px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum4 {
    max-width: 72px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum5 {
    max-width: 55px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router span.active {
    color: #0daeaf
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownArea {
    overflow: hidden;
    width: 276px;
    min-width: 0;
    max-height: 230px;
    margin-left: 0;
    padding: 10px 0
}

.leaveMsg .leaveMsgBody .classDropListArea {
    position: absolute;
    left: 0;
    top: 98%;
    z-index: 10000
}

.leaveMsg .leaveMsgBody .classDropdown-menus {
    float: left;
    width: 276px;
    background-color: #fff;
    list-style: none;
    padding: 0;
    min-width: 0;
    max-width: 100%;
    max-height: 206px;
    box-shadow: none;
    margin: 0;
    font-size: 14px;
    text-align: left;
    background-clip: padding-box;
    overflow: auto
}

.leaveMsg .leaveMsgBody .openActive {
    display: block
}

.leaveMsg .leaveMsgBody .classDropdown-menus li {
    position: relative;
    padding: 0 20px;
    padding-right: 37px;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    color: #4e5a75;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .classDropdown-menus li a {
    clear: both;
    display: block;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #4e5a75;
    padding: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none
}

.leaveMsg .leaveMsgBody .classDropdown-menus li a:hover {
    background: #eff3fa
}

.leaveMsg .leaveMsgBody .classDropdown-menus li:hover {
    background: #eff3fa
}

.leaveMsg .leaveMsgBody .questionClassify .firstIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 13px;
    right: 0;
    background: url(../img/chat/bgGroup.png) no-repeat -3353px 0
}

.leaveMsg .leaveMsgBody .questionClassify {
    position: relative;
    z-index: 12000;
    margin-left: 20px
}

.leaveMsg .leaveMsgBody .questionClassify .classText {
    width: 200px;
    font-size: 14px;
    color: #8b98ad;
    margin-bottom: 7px
}

.leaveMsg .leaveMsgBody .questionClassify .classText .icon {
    display: block;
    float: left;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #f9676f
}

.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea {
    border-radius: 2px;
    width: 180px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    outline: 0;
    background: #eff3fa;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitle {
    float: left;
    width: 140px;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    color: #3d4966
}

.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitleIcn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) no-repeat -3279px 13px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea {
    clear: both;
    margin-left: 20px
}

.leaveMsg .leaveMsgBody .definedFields .definedDropListArea {
    position: relative
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .title {
    width: 200px;
    font-size: 14px;
    color: #8b98ad;
    margin-bottom: 7px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .title .icon {
    float: left;
    display: block;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #f9676f
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropList {
    border-radius: 2px;
    width: 180px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    outline: 0;
    background: #eff3fa;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropList .definedDropListTitle {
    float: left;
    width: 140px;
    text-align: left;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 14px;
    color: #3d4966
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropList .dropListTitleIcn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) no-repeat -3279px 13px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropListUl {
    display: none;
    position: absolute;
    width: 180px;
    max-height: 170px;
    top: 62px;
    left: 0;
    z-index: 1100;
    background: #fff;
    overflow-y: scroll;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .openActive {
    display: block
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropListUl li {
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding: 0 8px;
    font-size: 14px;
    color: #3d4966;
    cursor: pointer;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropListUl li:hover {
    background: #eff3fa
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi {
    width: 300px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .definedCheckedLiIcn {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    margin-top: 2px;
    background: url(../img/chat/bgGroup.png) no-repeat -3520px 0
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .definedCheckedLiText {
    width: 270px;
    float: left;
    line-height: 20px;
    font-size: 14px;
    color: #3d4966;
    letter-spacing: 0;
    white-space: pre-wrap;
    word-wrap: break-word
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .userCheck:hover .definedCheckedLiIcn {
    background: url(../img/chat/bgGroup.png) no-repeat -3560px 0
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .userCheckIcoActive {
    background: url(../img/chat/bgGroup.png) no-repeat -3600px 0
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .userOpts {
    overflow: hidden;
    float: left;
    margin-right: 15px;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .userOptIco {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    margin-top: 2px;
    background: url(../img/chat/bgGroup.png) no-repeat -3400px 0
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .userOpt:hover .userOptIco {
    background: url(../img/chat/bgGroup.png) no-repeat -3440px 0
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .userOptIcoActive {
    background: url(../img/chat/bgGroup.png) no-repeat -3480px 0
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedOptionUl .definedOptionLi {
    clear: both;
    margin-top: 2px;
    width: 300px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedOptionUl .definedOptionLi .definedOptionLiText {
    width: 270px;
    float: left;
    line-height: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 14px;
    color: #3d4966;
    letter-spacing: 0
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedInput:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: thin dotted \9
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedInput {
    width: 300px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #3d4966;
    padding-left: 6px;
    background: #fff;
    border: 1px solid #e2e9e8;
    border-radius: 2px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTextarea {
    width: 286px;
    height: 114px;
    padding: 10px;
    font-size: 14px;
    color: #3d4966;
    resize: none;
    background: #fff;
    border: 1px solid #e2e9e8;
    border-radius: 2px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTextarea:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: thin dotted \9
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropList {
    float: left;
    position: relative;
    background: #eff3fa;
    border-radius: 2px;
    width: 80px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeText {
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 0 6px;
    color: #3d4966
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropList .dropListTitleIcn {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) no-repeat -3279px 13px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeInput {
    float: left;
    width: 48px;
    height: 34px;
    line-height: 34px;
    color: #3d4966;
    outline: 0;
    border: none;
    text-align: center;
    font-size: 14px;
    background: #eff3fa
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropListUl {
    display: none;
    clear: both;
    position: absolute;
    width: 70px;
    height: 170px;
    overflow-y: scroll;
    top: 36px;
    left: 0;
    z-index: 1000;
    padding-left: 10px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropListUl li {
    font-size: 14px;
    color: #3d4966;
    line-height: 34px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropListUl li:hover {
    background: #eff3fa;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .infoArea {
    clear: both;
    margin-left: 20px;
    position: relative
}

.leaveMsg .leaveMsgBody .infoArea .infoAreaTitle {
    width: 200px;
    font-size: 14px;
    color: #8b98ad;
    margin-bottom: 7px
}

.leaveMsg .leaveMsgBody .infoArea .infoAreaTitle .icon {
    display: block;
    float: left;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #f9676f
}

.leaveMsg .leaveMsgBody .email {
    height: 34px;
    line-height: 34px;
    width: 300px;
    border: 1px solid #e0e9e8;
    background: #fff;
    outline: 0;
    padding-left: 10px;
    border-radius: 2px
}

.errorTip {
    float: left;
    visibility: hidden;
    width: 91%;
    color: #ed5c5c;
    margin: 3px 0;
    font-size: 12px
}

.leaveMsg .leaveMsgBody .telephone {
    height: 34px;
    line-height: 34px;
    width: 300px;
    border: 1px solid #e0e9e8;
    background: #fff;
    outline: 0;
    padding-left: 10px;
    border-radius: 2px
}

.leaveMsg .leaveMsgBody .detail {
    clear: both;
    position: relative;
    margin: 0 6%;
    margin-top: 10px
}

.txt-tip {
    width: 90%;
    color: #b1b5b5;
    font-size: 14px;
    display: block;
    position: absolute;
    top: 31px;
    left: 12px;
    z-index: 2;
    word-wrap: break-word
}

.leaveMsg .leaveMsgBody .emailplaceholder {
    width: auto;
    color: #b1b5b5;
    font-size: 13px;
    display: block;
    position: absolute;
    top: 14px;
    left: 23px;
    z-index: 2;
    word-wrap: break-word
}

.leaveMsg .leaveMsgBody .teleplaceholder {
    width: auto;
    color: #b1b5b5;
    font-size: 13px;
    display: block;
    position: absolute;
    top: 15px;
    left: 23px;
    z-index: 2;
    word-wrap: break-word
}

.leaveMsg .leaveMsgBody .leaveMsgDetail {
    width: 310px;
    height: 125px;
    padding: 0;
    padding-top: 4px;
    padding-left: 3%;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 19px;
    font-size: 14px;
    border: 1px solid #e0e9e8;
    border-radius: 2px;
    resize: none;
    outline: 0;
    color: #3d4966
}

.leaveMsg .leaveMsgBody .leaveMsgDetail::-webkit-input-placeholder {
    color: #b1b5b5
}

.leaveMsg .leaveMsgBody .leaveMsgDetail:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: thin dotted \9
}

.leaveMsg .leaveMsgRecord {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(138, 150, 153, 1);
    height: 100%
}

.leaveMsg .leaveMsgListRecord {
    width: 100%;
    height: 88%
}

.leaveMsg .leaveMsgListRecord > ul {
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.leaveMsg .leaveMsgListRecord > ul li {
    width: 315px;
    height: 133px;
    border-radius: 3px;
    border: 1px solid rgba(235, 235, 235, 1);
    margin-left: 20px;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 15px 10px 10px 10px
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc {
    width: 100%;
    height: 100%
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .header {
    width: 100%;
    height: 20px
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .header .tips {
    float: left;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1)
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .header .tips .umi {
    width: 25px;
    height: 14px;
    background: rgba(240, 50, 50, 1);
    border-radius: 6px 6px 6px 0;
    display: inline-block;
    font-size: 9px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: rgba(255, 255, 255, 1)
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .header .tips .umi span {
    transform: scale(.8);
    line-height: 14px;
    font-size: 9px;
    display: block
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .state {
    width: 60px;
    height: 20px;
    background: rgba(13, 174, 175, 1);
    border-radius: 10px;
    float: right;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .state1 {
    width: 60px;
    height: 20px;
    background: rgba(246, 175, 56, 1);
    border-radius: 10px;
    float: right;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .state2 {
    width: 60px;
    height: 20px;
    background: rgba(216, 216, 216, 1);
    border-radius: 10px;
    float: right;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .content {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    border-bottom: 1px solid rgba(235, 235, 235, 1)
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .content .culoum {
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    word-wrap: break-word
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .bottom {
    height: 17px;
    margin-top: 10px;
    width: 100%
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .bottom .left {
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(138, 150, 153, 1);
    line-height: 17px;
    float: left
}

.leaveMsg .leaveMsgListRecord > ul li .quectionDisc .bottom .right {
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(138, 150, 153, 1);
    line-height: 17px;
    float: right
}

.leaveMsg .submitArea {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    height: 60px;
    background: #f5f9fa
}

.leaveMsg .submitArea .submit {
    margin: auto;
    display: block;
    width: 50%;
    height: 36px;
    margin-top: 12px;
    line-height: 36px;
    text-align: center;
    background: #e0e9e8;
    color: #fff;
    border-radius: 2px;
    cursor: pointer
}

.sureWindow {
    display: none;
    opacity: 0;
    position: absolute;
    top: 155px;
    right: 50px;
    z-index: 9999;
    width: 260px;
    height: 140px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.sureWindow .closetitle {
    width: 100%;
    height: 20px
}

.sureWindow .close {
    display: block;
    width: 14px;
    height: 14px;
    color: #c9d6d9;
    position: absolute;
    z-index: 1002;
    right: 8px;
    top: 7px;
    font-size: 20px;
    cursor: pointer;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.sureWindow .close:hover {
    background-position: -815px 1px
}

.sureWindow .title {
    font-size: 15px;
    color: #555556;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.sureWindow .btngroup span {
    float: left;
    display: block;
    width: 105px;
    height: 35px;
    margin-left: 10px;
    line-height: 35px;
    background: #ebeff0;
    color: #8a9699;
    text-align: center;
    border-radius: 2px;
    cursor: pointer
}

.sureWindow .btngroup .leavesure {
    margin-left: 20px
}

.sureWindowlayer {
    display: none;
    opacity: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0
}

.popup-captcha-pc {
    position: absolute
}

.show {
    display: block
}

.leaveMsgUpload {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0
}

.leaveMsgUpload .btnarea {
    position: relative;
    z-index: 1001
}

.leaveMsgUpload .btnareaele {
    position: relative;
    z-index: 10000
}

.leaveMsgUpload .btnarea .btareatxt1 {
    display: inline-block;
    color: #28a7dc;
    font-size: 12px;
    margin-left: 40px
}

.leaveMsgUpload .btnarea .btnareaIcon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10001;
    width: 20px;
    height: 17px;
    font-size: 12px;
    margin-left: 20px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -3234px 1px;
    background-repeat: no-repeat
}

.leaveMsgUpload .btnarea span.btareatxt {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    color: #b6bebf
}

.leaveMsgUpload .btnarea input {
    width: 100px;
    height: 18px;
    padding-left: 40px;
    padding-left: 0 \9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.leaveMsgUpload .leaveMsgFileStyle {
    overflow: hidden;
    background: #f0f4f5;
    margin: 6px 12px;
    padding: 5px 0 3px 7px
}

.leaveMsgUpload .leaveMsgProcessWidely {
    float: left;
    width: 80px;
    height: 6px;
    background: #e0e9e8;
    border-radius: 10px;
    margin-top: 6px;
    margin-left: 4px
}

.leaveMsgUpload .leaveMsgProcess {
    float: left;
    width: 0;
    display: inline-block;
    height: 100%;
    background: #5ce09a;
    border-radius: 10px
}

.leaveMsgUpload .leaveMsgFilesize {
    float: left;
    color: #bac2c3;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    font-size: 12px
}

.leaveMsgUpload .leaveMsgFileName {
    float: left;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #8a9699;
    font-size: 12px
}

.leaveMsgUpload .leaveMsgFileClose {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 4px;
    background-repeat: no-repeat;
    cursor: pointer
}

.leaveMsgUpload .leaveMsgFileClose:hover {
    background-position: -815px 4px
}

.leaveMsgUpload .fileTip {
    display: none
}

.leaveMsgUpload .fileTipShow {
    float: left;
    display: inline-block;
    font-size: 12px;
    color: #ed5c5c;
    margin-left: 3px;
    height: 20px;
    line-height: 20px
}

.ie-uploadLoading {
    display: inline-block;
    font-size: 12px;
    float: left;
    color: #8a9699
}

.gt_holder.gt_popup {
    z-index: 9999
}

.gt_holder.gt_popup .gt_mask {
    z-index: 99999
}

.evaluation-layer {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(31, 48, 51, .5);
    text-align: center;
    white-space: nowrap;
    color: #fff;
    font-size: 0;
    z-index: 99999
}

.evaluation-layer::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.evaluation-layer .dialog-box {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    white-space: normal
}

.evaluation-layer .dialog-content {
    width: 360px;
    height: 320px;
    padding: 14px;
    background: #fff;
    box-sizing: border-box
}

.evaluation-layer .close-dialog {
    text-align: right
}

.evaluation-layer .close-dialog i {
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 20px;
    cursor: pointer;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.evaluation-layer .title {
    color: #3d4966;
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 20px
}

.evaluation-layer .star-list {
    width: 220px;
    margin: 20px auto 0 auto
}

.evaluation-layer ul li {
    float: left;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -858px 0;
    margin-left: 10px
}

.evaluation-layer ul li.active {
    background-position: -925px 0
}

.evaluation-layer ul li:first-child {
    margin-left: 0
}

.evaluation-layer .tips {
    margin-top: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #faba4a
}

.evaluation-layer .desc {
    margin: 20px auto 0 auto
}

.evaluation-layer .desc textarea {
    width: 304px;
    height: 54px;
    padding: 4px 3%;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 19px;
    font-size: 14px;
    border: 1px solid #e0e9e8;
    border-radius: 4px;
    resize: none;
    outline: 0;
    color: #3d4966
}

.evaluation-layer .submit {
    margin: 20px auto 0 auto;
    display: block;
    width: 180px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #0daeaf;
    text-align: center;
    border-radius: 2px
}

.evaluate-body-widely textarea:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: thin dotted \9
}

.evaluatelayer {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(31, 48, 51, .5);
    z-index: 120
}

.evaluate-body-widely::-webkit-scrollbar {
    width: 6px
}

.evaluate-body-widely::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.evaluateDialog {
    position: absolute;
    left: 200px;
    top: 0;
    width: 360px;
    text-align: center;
    background: #fff;
    z-index: 121;
    border-radius: 2px;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.evaluateDialog .close {
    overflow: hidden
}

.evaluateDialog .close_button {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 20px;
    display: inline-block;
    color: #c0c5c8;
    cursor: pointer
}

.evaluateDialog .h1 {
    width: 100%;
    height: 59px;
    line-height: 60px;
    text-align: left;
    padding-left: 10px;
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #ebf3f5
}

.evaluateDialog .wether {
    overflow: hidden;
    width: 60%;
    margin: 16px auto 22px
}

.evaluateDialog .wether span:first-child {
    margin-left: 0
}

.evaluateDialog .wether span {
    display: inline-block;
    float: left;
    height: 44px;
    line-height: 44px;
    border: 1px solid #c5cecb;
    border-radius: 4px;
    margin-left: 10%;
    width: 40%;
    cursor: pointer
}

.evaluateDialog .wether span.active {
    color: #fff;
    border: 1px solid #13c9cb;
    background: #13c9cb
}

.model-body-commit {
    width: 100%;
    clear: both
}

.evaluate .h2 {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #555556;
    margin: 8px 0 20px
}

.evaluate .situation {
    width: 300px;
    margin: auto;
    margin-bottom: 10px
}

.evaluate .situation span {
    display: inline-block;
    float: left;
    position: relative;
    color: #8b98ad;
    border-radius: 5px;
    width: 142px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 1rem;
    border: 1px solid #e0e9e8;
    text-align: center;
    cursor: pointer
}

.evaluate .situation i {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 6px;
    top: 6px;
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -1741px 0;
    cursor: pointer
}

:-moz-placeholder {
    color: #bdc3d1;
    opacity: 1
}

::-moz-placeholder {
    color: #bdc3d1;
    opacity: 1
}

.evaluate textarea:-ms-input-placeholder {
    color: #bdc3d1;
    opacity: 1
}

.evaluate textarea::-webkit-input-placeholder {
    color: #bdc3d1;
    opacity: 1
}

.evaluate textarea {
    resize: none;
    width: 280px;
    height: 54px;
    margin: auto;
    margin-bottom: 16px;
    font-size: 14px;
    color: #8b98ad;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #e0e9e8
}

.evaluateWether .operateType {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.evaluateWether .operateType .operateTypeBtn {
    overflow: hidden;
    width: 240px;
    margin: auto
}

.evaluateWether .operateType .solve {
    float: left;
    width: 84px;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    font-size: 14px;
    color: #8b98ad;
    text-align: right;
    border: 1px solid #d6dbe5;
    border-radius: 4px;
    cursor: pointer
}

.evaluateWether .operateType .solved span {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    margin-top: 8px;
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -19px 0
}

.evaluateWether .operateType .unSolved span {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    margin-top: 8px;
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -80px 0
}

.evaluateWether .operateType .defaultSolveActive {
    color: #0daeaf;
    border: 1px solid #d6dbe5
}

.evaluateWether .operateType .defaultSolveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -40px 0
}

.evaluateWether .operateType .solveActive {
    color: #fff
}

.evaluateWether .operateType .solveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.evaluateWether .operateType .unsolveActive {
    background: #0daeaf;
    color: #fff;
    border: 1px solid #0daeaf
}

.evaluateWether .operateType .unsolveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -60px 0
}

.evaluateWether .operateType .operateTypeTitle {
    width: 100%;
    text-align: center;
    margin: 30px 0;
    color: #555556;
    font-size: 15px
}

.evaluateWether .evaluateTitle {
    clear: both;
    margin: 30px 0;
    color: #555556;
    font-size: 15px
}

.evaluateWether .evaluateTip {
    font-size: 14px;
    color: #faba4a;
    text-align: center
}

.evaluateWether .evaluate-btn {
    float: left;
    display: block;
    position: relative;
    width: 78px;
    height: 30px;
    line-height: 30px;
    color: #8a9699;
    padding-left: 25px;
    cursor: pointer
}

.evaluateWether span i {
    position: absolute;
    left: 20px;
    top: 8px;
    width: 20px;
    height: 20px
}

.evaluateWether .evaluateok {
    margin-right: 20px
}

.evaluateWether .evaluateok i {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -19px 0
}

.evaluateWether .evaluate-btn {
    border: 1px solid #ddd;
    border-radius: 4px
}

.evaluateWether .evaluateno i {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -79px 0
}

.evaluateWether .btnGroup {
    width: 234px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 12px
}

.evaluateWether .okactive {
    color: #fff;
    border-radius: 4px;
    background: #0daeaf;
    border: 1px solid #0daeaf
}

.evaluateWether .okactive i {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.evaluateWether .defaultOkactive {
    color: #0daeaf;
    background: #fff;
    border: 1px solid #ddd
}

.evaluateWether .defaultOkactive i {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -40px 0
}

.evaluateWether .noactive {
    color: #fff;
    border-radius: 4px;
    font-size: 1rem
}

.evaluateWether .noactive i {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -60px 0
}

.evaluateSubmitArea {
    width: 100%
}

.evaluateSubmitArea .submit {
    display: block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    margin: 23px auto;
    text-align: center;
    font-size: 1em;
    color: #fff;
    border-radius: 4px;
    background: #e0e9e8
}

.evaluateSubmitArea .nosubmit {
    display: block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    margin: 0 auto 10px;
    text-align: center;
    font-size: 14px;
    color: rgba(189, 195, 208, .98)
}

#star {
    position: relative;
    width: 100%;
    margin: 16px 0;
    margin-bottom: 20px;
    text-align: center
}

#star ul {
    list-style: none;
    margin: auto;
    width: 225px;
    overflow: hidden;
    display: inline-block
}

#star li {
    float: left;
    width: 45px;
    height: 35px;
    cursor: pointer;
    text-indent: -9999px;
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -853px 0
}

#star li.on {
    background-position: -921px 0
}

.evamsg {
    position: absolute;
    z-index: 1000;
    width: 200px;
    height: 40px;
    background: #000;
    opacity: .7;
    border-radius: 6px
}

.evamsg p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.group-layer {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1001
}

.group-outer {
    overflow: hidden;
    position: absolute;
    right: -390px;
    top: 0;
    width: 360px;
    height: 100%;
    background: #fff;
    z-index: 1002;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.close_button {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 16px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.close_button:hover {
    background-position: -815px 1px
}

.group-title {
    width: 97%;
    position: relative;
    color: #555556;
    font-size: 15px;
    padding-left: 10px;
    height: 56px;
    line-height: 56px;
    text-align: left;
    border: 1px solid #ebf3f5
}

.group-main {
    height: 75%;
    overflow-y: scroll;
    margin: 30px 0
}

.group-main::-webkit-scrollbar {
    width: 6px
}

.group-main::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.group-main ul {
    margin: 0 10px 0 10px
}

.group-main ul li {
    float: left;
    width: 156px;
    height: 42px;
    line-height: 42px;
    margin-left: 10px;
    margin-bottom: 20px;
    border: 1px solid #e0e9e8;
    color: #535656;
    background: #fff;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    box-sizing: border-box
}

.group-main ul li:hover {
    border: 1px solid #ced6d5
}

.group-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 60px;
    background: #f5f9fa
}

.group-footer .group-commit {
    margin: auto;
    margin-top: 12px;
    width: 180px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border-radius: 2px;
    background: #e0e9e8;
    cursor: pointer
}

@media (max-height: 750px) {
    .group-main {
        height: 70%
    }
}

@media (max-height: 680px) {
    .group-main {
        height: 68%
    }
}

.pc-leaveMessage-layer .group-main ul li:hover {
    color: #fff;
    background-color: #09aeb0;
    border: 1px solid #09aeb0
}

.rightBar {
    float: right;
    background: #f5f9fa;
    height: 100%;
    border-left: 1px solid #ebeff0
}

.barMenuWidely {
    float: left;
    width: 80%;
    height: 40px;
    overflow: hidden;
    background: #e5f1ee
}

.barMenu {
    height: 40px;
    margin-left: 0
}

.barMenu li {
    float: left;
    text-align: center;
    line-height: 40px;
    height: 40px;
    background: #e6f0ef;
    color: #8a9699;
    border-left: 1px solid #fff;
    cursor: pointer
}

.barMenu li:first-child {
    border-left: none
}

.barMenu li:hover {
    color: #555556;
    background: #f5f9fa
}

.barMenu li.barMenuActive {
    color: #555556;
    background: #f5f9fa
}

.barMenu li span {
    display: block;
    width: auto;
    padding: 0 7px;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px
}

.menuBtn {
    display: block;
    float: left;
    width: 20px;
    height: 40px;
    background-color: #e6efef;
    background-image: url(../img/chat/bgGroup.png);
    cursor: pointer
}

.hoverBtn:hover {
    background-color: #f5faf9
}

.menuLeftBtn {
    background-position: -2022px 15px
}

.rightBar .noAbleLeftBtn {
    background-position: -2058px 15px
}

.menuRightBtn {
    background-position: -2093px 15px;
    border-left: 1px solid #fff
}

.rightBar .noAbleRightBtn {
    background-position: -2129px 15px
}

.barMain {
    width: 100%;
    clear: both;
    float: left;
    height: 100%;
    margin-top: 20px
}

.barMain .barInfo {
    overflow: hidden;
    margin-left: 20px;
    margin-bottom: 40px
}

.barMain .barInfo .headimage {
    float: left;
    width: 84px;
    height: 84px;
    border-radius: 50px;
    border: 2px solid #ecf3f3
}

.barMain .barInfo .headname {
    width: auto;
    max-width: 47%;
    float: left;
    margin-left: 10px;
    margin-top: 35px;
    color: #555556;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: normal;
    white-space: nowrap
}

.barInformation {
    clear: both;
    width: 87%;
    margin-left: 20px
}

.inforLi {
    margin-bottom: 20px
}

.inforLi label {
    font-weight: 700;
    margin-right: 9px
}

.barMain span {
    display: inline-block;
    width: 73%;
    color: #555556;
    white-space: pre-wrap;
    word-wrap: break-word
}

.barMain dt {
    width: auto;
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 8px;
    font-weight: 700
}

.barMain dd {
    display: inline-block;
    width: 63%;
    padding: 0;
    margin: 0;
    color: #555556;
    white-space: pre-wrap;
    word-wrap: break-word
}

.barInner {
    display: none
}

.barInner {
    white-space: pre-wrap;
    word-wrap: break-word;
    height: 100%;
    overflow: auto
}

.barInner::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.barInner::-webkit-scrollbar-thumb {
    width: 6px;
    height: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.barInner iframe {
    height: 100%;
    width: 100%;
    position: relative
}

.barInner1 {
    display: block
}

.barInner2 {
    padding: 10px;
    overflow-y: scroll;
    overflow-x: scroll
}

.barInner2::-webkit-scrollbar {
    width: 6px
}

.barInner2::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.barInner2 img {
    cursor: pointer
}

.chatPanelList .systemMsg .systemMsgPushEva {
    display: inline-block
}

.pushEvaluate {
    width: 340px;
    border-radius: 4px;
    background-color: #fff;
    color: #8a9699;
    border: 1px solid #ebeff0;
    float: left
}

.pushEvaluate .operateType {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.pushEvaluate .operateType .operateTypeBtn {
    overflow: hidden;
    width: 240px;
    margin: auto
}

.pushEvaluate .operateType .solve {
    display: inline-block;
    width: 84px;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    font-size: 14px;
    color: #8b98ad;
    text-align: right;
    border: 1px solid #d6dbe5;
    border-radius: 4px;
    cursor: pointer
}

.pushEvaluate .operateType .solved span {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    margin-top: 8px;
    background: 0 0;
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -19px 0;
    padding: 0;
    border-radius: 0
}

.pushEvaluate .operateType .unSolved span {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    margin-top: 8px;
    background: 0 0;
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -80px 0;
    padding: 0;
    border-radius: 0
}

.pushEvaluate .operateType .defaultSolveActive {
    color: #0daeaf;
    border: 1px solid #d6dbe5
}

.pushEvaluate .operateType .defaultSolveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -40px 0
}

.pushEvaluate .operateType .solveActive {
    color: #fff
}

.pushEvaluate .operateType .solveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.pushEvaluate .operateType .unsolveActive {
    color: #fff
}

.pushEvaluate .operateType .unsolveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -60px 0
}

.pushEvaluate .operateType .operateTypeTitle {
    width: 100%;
    text-align: center;
    margin: 10px 0 15px 0;
    color: #555556;
    font-size: 15px
}

.pushEvaluate .operateType .operateTypeTitle .aname {
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis
}

.pushEvaluate .situation {
    width: 300px;
    margin: auto;
    margin-bottom: 10px
}

.pushEvaluate .situation span.tag {
    display: inline-block;
    float: left;
    position: relative;
    color: #919db1;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    width: 123px;
    height: 28px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(235, 235, 235, 1)
}

.pushEvaluate .evaluateSubmitArea {
    clear: both;
    display: inline-block
}

.pushEvaluate .evaluateSubmitArea .submit {
    background: #ec7a62;
    line-height: 30px
}

.pushEvaluate .evaluateSubmitArea a.submit:hover {
    color: #fff
}

.chatPanelList .systemMsg .systemMsgPushEva .moregood {
    display: block;
    color: rgba(138, 152, 172, .98);
    font-size: 14px;
    margin: 4px 0 15px 0;
    text-align: center
}

.chatPanelList .systemMsg .systemMsgPushEva .perfect {
    display: block;
    color: rgba(240, 172, 14, 1);
    font-size: 14px;
    margin: 4px 0 15px 0;
    text-align: center
}

.systemMsgPushEva .pushEvaTitle {
    color: #3d4966;
    margin: 15px 0 0 0;
    font-size: 18px;
    text-align: center;
    font-family: "寰蒋闆呴粦"
}

.systemMsgPushEva .pushEvaTitle .aname {
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis
}

.systemMsgPushEva #pushStar {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    height: 30px;
    text-align: center
}

.systemMsgPushEva #pushStar ul {
    margin: auto;
    width: 172px;
    overflow: hidden;
    display: inline-block
}

.systemMsgPushEva #pushStar li {
    float: left;
    width: 34px;
    height: 27px;
    cursor: pointer;
    text-indent: -9999px;
    background-image: url(../img/chat/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -2204px 0
}

.systemMsgPushEva #pushStar li.on {
    background-position: -2262px 0
}

.systemMsgPushEva span.noEvaluate {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
    font-size: 12px;
    color: #acbcbf;
    background-color: #fff;
    border-radius: 0;
    cursor: pointer
}

.systemMsgPushEva span.noEvaluate:hover {
    color: #555556
}

.systemMsgPushEva .pushEvaBtn {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 20px;
    display: inline-block;
    color: #c0c5c8;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -776px 1px;
    cursor: pointer
}

.systemMsgPushEva .pushEvaBtn:hover {
    background-position: -816px 1px
}

.systemMsgPushEva span.toSideEvaluate {
    width: 100%;
    text-align: center;
    color: #28a7dc;
    margin: 0 0 20px 0;
    line-height: 16px;
    background: #fff;
    padding: 0;
    border-radius: 0;
    cursor: pointer
}

.systemMsgPushEva span.commit {
    width: 84px;
    height: 28px;
    line-height: 28px;
    background: #e0e9e8;
    color: #fff;
    margin-top: 10px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.systemMsgPushEva span.commited {
    width: 240px;
    height: 28px;
    line-height: 28px;
    color: #8a9699;
    background: 0 0;
    margin-top: 10px;
    padding: 0;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.systemMsgPushEva .commitedIco {
    display: inline-block;
    width: 16px;
    height: 20px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -2165px 12px
}

.systemMsgPushEva .btnGroup {
    clear: both
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * https://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker > div {
    display: none
}

.datepicker table {
    width: 100%;
    margin: 0
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker td.day.disabled {
    color: #eee
}

.datepicker td.new, .datepicker td.old {
    color: #999
}

.datepicker td.active, .datepicker td.active:hover {
    color: #fff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0daeaf), to(#0daeaf));
    background-image: -webkit-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: -o-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: linear-gradient(to bottom, #0daeaf, #0daeaf);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0daeaf', endColorstr='#ff0daeaf', GradientType=0);
    border-color: #0daeaf #0daeaf #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #0daeaf;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td.active.active, .datepicker td.active.disabled, .datepicker td.active:active, .datepicker td.active:focus, .datepicker td.active:hover, .datepicker td.active:hover.active, .datepicker td.active:hover.disabled, .datepicker td.active:hover:active, .datepicker td.active:hover:focus, .datepicker td.active:hover:hover, .datepicker td.active:hover[disabled], .datepicker td.active[disabled] {
    color: #fff;
    background-color: #0daeaf;
    *background-color: #003bb3
}

.datepicker td.active.active, .datepicker td.active:active, .datepicker td.active:hover.active, .datepicker td.active:hover:active {
    background-color: #039 \9
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker td span:hover {
    background: #eee
}

.datepicker td span.active {
    color: #fff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0daeaf), to(#0daeaf));
    background-image: -webkit-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: -o-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: linear-gradient(to bottom, #0daeaf, #0daeaf);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0daeaf', endColorstr='#ff0daeaf', GradientType=0);
    border-color: #0daeaf #0daeaf #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #0daeaf;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active:active, .datepicker td span.active:focus, .datepicker td span.active:hover, .datepicker td span.active[disabled] {
    color: #fff;
    background-color: #0daeaf;
    *background-color: #003bb3
}

.datepicker td span.active.active, .datepicker td span.active:active {
    background-color: #039 \9
}

.datepicker td span.old {
    color: #999
}

.datepicker th.switch {
    width: 145px
}

.datepicker th.next, .datepicker th.prev {
    font-size: 21px
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover {
    background: #eee
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.chatBeforeForm .chatBeforeFormBody .zc-scroll::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.chatBeforeForm .chatBeforeFormBody .zc-scroll::-webkit-scrollbar {
    width: 6px
}

.chatBeforeFormlayer {
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgba(99, 99, 99, 0);
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0
}

.chatBeforeForm {
    width: 360px;
    height: 100%;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: -390px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.chatBeforeForm .chatBeforeFormDetailTip {
    margin-top: 0
}

.chatBeforeForm .chatBeforeFormHeader {
    position: relative;
    z-index: 1000000;
    border-bottom: 1px solid #ebf3f5;
    height: 60px;
    background: #fff
}

.chatBeforeForm .chatBeforeFormHeader .title {
    font-size: 15px;
    color: #555556;
    height: 60px;
    line-height: 60px;
    margin-left: 20px
}

.chatBeforeForm .chatBeforeFormHeader .close {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 16px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.chatBeforeForm .chatBeforeFormBody {
    overflow-y: scroll;
    overflow-x: hidden
}

.chatBeforeFormBody::-webkit-scrollbar {
    width: 6px
}

.chatBeforeFormBody::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.chatBeforeForm .chatBeforeFormBody .guide {
    margin: auto;
    width: 88%;
    line-height: 24px;
    color: #3d4966;
    padding: 20px 0
}

.chatBeforeForm .chatBeforeFormBody .guide p, .chatBeforeForm .chatBeforeFormBody .guide span, .chatBeforeForm .chatBeforeFormBody .guide strong {
    white-space: pre-wrap;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus {
    display: none;
    width: 180px;
    margin-top: 1px;
    border: 1px solid #e1e6f5;
    border-radius: 0;
    background-color: #fff;
    list-style: none;
    padding: 5px 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 0;
    max-width: 100%;
    max-height: 200px;
    box-shadow: none;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 1000;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-clip: padding-box;
    background: #fff
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus li {
    position: relative;
    width: 88px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    color: #4e5a75;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus li a {
    clear: both;
    display: block;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #4e5a75;
    padding: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus li a:hover {
    background: #eff3fa
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus li:hover {
    background: #eff3fa
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea {
    clear: both;
    margin-left: 20px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .title {
    width: 310px;
    font-size: 14px;
    color: #8b98ad;
    margin-bottom: 7px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .title .icon {
    float: left;
    display: block;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #f9676f
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropList {
    border-radius: 2px;
    width: 180px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    outline: 0;
    background: #eff3fa;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropList .definedDropListTitle {
    float: left;
    width: 140px;
    text-align: left;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 14px;
    color: #3d4966
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropList .dropListTitleIcn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) no-repeat -3279px 13px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropListUl {
    display: none;
    position: absolute;
    width: 180px;
    max-height: 170px;
    top: 35px;
    left: 0;
    z-index: 1100;
    background: #fff;
    overflow-y: scroll;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropListUl li {
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding: 0 8px;
    font-size: 14px;
    color: #3d4966;
    cursor: pointer;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropListUl li:hover {
    background: #eff3fa
}

.chatBeforeForm .chatBeforeFormBody .definedFields .dropdownList {
    position: relative;
    float: left
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropList {
    float: left;
    border-radius: 2px;
    width: 90px;
    height: 34px;
    line-height: 34px;
    margin-right: 10px;
    text-align: center;
    outline: 0;
    background: #eff3fa;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropList .cityDropListTitle {
    float: left;
    width: 45px;
    text-align: left;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 14px;
    color: #3d4966
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropList .dropListTitleIcn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) no-repeat -3279px 13px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropListUl {
    display: none;
    position: absolute;
    width: 96px;
    max-height: 170px;
    top: 35px;
    left: 0;
    z-index: 1100;
    background: #fff;
    overflow-y: scroll;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropListUl li {
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding: 0 8px;
    font-size: 14px;
    color: #3d4966;
    cursor: pointer;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropListUl li:hover {
    background: #eff3fa
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .openActive {
    display: block
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi {
    width: 300px;
    clear: both;
    margin-top: 2px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .definedCheckedLiIcn {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-top: 3px;
    background: url(../img/chat/bgGroup.png) no-repeat -3520px 0
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .definedCheckedLiText {
    width: 270px;
    float: left;
    line-height: 20px;
    font-size: 14px;
    color: #3d4966;
    letter-spacing: 0;
    white-space: pre-wrap;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .userCheck:hover .definedCheckedLiIcn {
    background: url(../img/chat/bgGroup.png) no-repeat -3560px 0
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .userCheckIcoActive {
    background: url(../img/chat/bgGroup.png) no-repeat -3600px 0
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .userOpts {
    overflow: hidden;
    float: left;
    margin-right: 15px;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .userOptIco {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-top: 3px;
    background: url(../img/chat/bgGroup.png) no-repeat -3400px 0
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .userOpt:hover .userOptIco {
    background: url(../img/chat/bgGroup.png) no-repeat -3440px 0
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .userOptIcoActive {
    background: url(../img/chat/bgGroup.png) no-repeat -3480px 0
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedOptionUl .definedOptionLi {
    clear: both;
    margin-top: 2px;
    width: 300px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedOptionUl .definedOptionLi .definedOptionLiText {
    width: 270px;
    float: left;
    font-size: 14px;
    color: #3d4966;
    line-height: 20px;
    letter-spacing: 0;
    white-space: pre-wrap;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedInput:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: thin dotted \9
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedInput {
    width: 300px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #3d4966;
    padding-left: 6px;
    background: #fff;
    border: 1px solid #e2e9e8;
    border-radius: 2px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTextarea {
    width: 286px;
    height: 114px;
    padding: 10px;
    font-size: 14px;
    color: #3d4966;
    resize: none;
    background: #fff;
    border: 1px solid #e2e9e8;
    border-radius: 2px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTextarea:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: thin dotted \9
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropList {
    float: left;
    position: relative;
    background: #eff3fa;
    border-radius: 2px;
    width: 80px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeText {
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 0 6px;
    color: #3d4966
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropList .dropListTitleIcn {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../img/chat/bgGroup.png) no-repeat -3279px 13px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeInput {
    float: left;
    width: 48px;
    height: 34px;
    line-height: 34px;
    color: #3d4966;
    outline: 0;
    border: none;
    text-align: center;
    font-size: 14px;
    background: #eff3fa
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropListUl {
    display: none;
    clear: both;
    position: absolute;
    width: 70px;
    height: 170px;
    overflow-y: scroll;
    top: 36px;
    left: 0;
    z-index: 1000;
    padding-left: 10px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropListUl li {
    font-size: 14px;
    color: #3d4966;
    line-height: 34px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropListUl li:hover {
    background: #eff3fa;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .infoArea {
    clear: both;
    margin-left: 10px;
    position: relative
}

.chatBeforeForm .chatBeforeFormBody .infoArea .infoAreaTitle {
    width: 200px;
    font-size: 14px;
    color: #8b98ad;
    margin-bottom: 7px
}

.chatBeforeForm .chatBeforeFormBody .infoArea .infoAreaTitle .icon {
    display: block;
    float: left;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #f9676f
}

.chatBeforeForm .chatBeforeFormBody .email {
    height: 34px;
    line-height: 34px;
    width: 300px;
    border: 1px solid #e0e9e8;
    background: #fff;
    outline: 0;
    padding-left: 10px;
    border-radius: 2px
}

.errorTip {
    float: left;
    visibility: hidden;
    width: 91%;
    color: #ed5c5c;
    margin: 3px 0;
    font-size: 12px
}

.chatBeforeForm .chatBeforeFormBody .telephone {
    height: 34px;
    line-height: 34px;
    width: 300px;
    border: 1px solid #e0e9e8;
    background: #fff;
    outline: 0;
    padding-left: 10px;
    border-radius: 2px
}

.chatBeforeForm .chatBeforeFormBody .detail {
    clear: both;
    position: relative;
    width: 100%;
    margin: 0 3%;
    margin-top: 10px
}

.txt-tip {
    width: 90%;
    color: #b1b5b5;
    font-size: 14px;
    display: block;
    position: absolute;
    top: 31px;
    left: 12px;
    z-index: 2;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .emailplaceholder {
    width: auto;
    color: #b1b5b5;
    font-size: 13px;
    display: block;
    position: absolute;
    top: 14px;
    left: 23px;
    z-index: 2;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .teleplaceholder {
    width: auto;
    color: #b1b5b5;
    font-size: 13px;
    display: block;
    position: absolute;
    top: 15px;
    left: 23px;
    z-index: 2;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .chatBeforeFormDetail {
    width: 300px;
    height: 125px;
    padding: 0;
    padding-top: 4px;
    padding-left: 3%;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 19px;
    font-size: 14px;
    border: 1px solid #e0e9e8;
    border-radius: 2px;
    resize: none;
    outline: 0
}

.chatBeforeForm .chatBeforeFormBody .chatBeforeFormDetail:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: thin dotted \9
}

.chatBeforeForm .submitArea {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    height: 60px;
    background: #f5f9fa
}

.chatBeforeForm .submitArea .submit {
    margin: auto;
    display: block;
    width: 50%;
    height: 36px;
    margin-top: 12px;
    line-height: 36px;
    text-align: center;
    background: #e0e9e8;
    color: #fff;
    border-radius: 2px;
    cursor: pointer
}

.sureWindow {
    display: none;
    opacity: 0;
    position: absolute;
    top: 155px;
    right: 50px;
    z-index: 9999;
    width: 260px;
    height: 140px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.sureWindow .closetitle {
    width: 100%;
    height: 20px
}

.sureWindow .close {
    display: block;
    width: 14px;
    height: 14px;
    color: #c9d6d9;
    position: absolute;
    z-index: 1002;
    right: 8px;
    top: 7px;
    font-size: 20px;
    cursor: pointer;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 1px
}

.sureWindow .close:hover {
    background-position: -815px 1px
}

.sureWindow .title {
    font-size: 15px;
    color: #555556;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.sureWindow .btngroup span {
    float: left;
    display: block;
    width: 105px;
    height: 35px;
    margin-left: 10px;
    line-height: 35px;
    background: #ebeff0;
    color: #8a9699;
    text-align: center;
    border-radius: 2px;
    cursor: pointer
}

.sureWindow .btngroup .leavesure {
    margin-left: 20px
}

.sureWindowlayer {
    display: none;
    opacity: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0
}

.popup-captcha-pc {
    position: absolute
}

.show {
    display: block
}

.chatBeforeFormUpload {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0
}

.chatBeforeFormUpload .btnarea {
    position: relative;
    z-index: 1001
}

.chatBeforeFormUpload .btnareaele {
    position: relative;
    z-index: 10000
}

.chatBeforeFormUpload .btnarea .btareatxt1 {
    display: inline-block;
    color: #28a7dc;
    font-size: 12px;
    margin-left: 30px
}

.chatBeforeFormUpload .btnarea .btnareaIcon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10001;
    width: 20px;
    height: 17px;
    font-size: 12px;
    margin-left: 10px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -3234px 1px;
    background-repeat: no-repeat
}

.chatBeforeFormUpload .btnarea span.btareatxt {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    color: #b6bebf
}

.chatBeforeFormUpload .btnarea input {
    width: 100px;
    height: 18px;
    padding-left: 30px;
    padding-left: 0 \9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.chatBeforeFormUpload .chatBeforeFormFileStyle {
    overflow: hidden;
    background: #f0f4f5;
    margin: 6px 12px;
    padding: 5px 0 3px 7px
}

.chatBeforeFormUpload .chatBeforeFormProcessWidely {
    float: left;
    width: 80px;
    height: 6px;
    background: #e0e9e8;
    border-radius: 10px;
    margin-top: 6px;
    margin-left: 4px
}

.chatBeforeFormUpload .chatBeforeFormProcess {
    float: left;
    width: 0;
    display: inline-block;
    height: 100%;
    background: #5ce09a;
    border-radius: 10px
}

.chatBeforeFormUpload .chatBeforeFormFilesize {
    float: left;
    color: #bac2c3;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    font-size: 12px
}

.chatBeforeFormUpload .chatBeforeFormFileName {
    float: left;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #8a9699;
    font-size: 12px
}

.chatBeforeFormUpload .chatBeforeFormFileClose {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/chat/bgGroup.png);
    background-position: -775px 4px;
    background-repeat: no-repeat;
    cursor: pointer
}

.chatBeforeFormUpload .chatBeforeFormFileClose:hover {
    background-position: -815px 4px
}

.chatBeforeFormUpload .fileTip {
    display: none
}

.chatBeforeFormUpload .fileTipShow {
    float: left;
    display: inline-block;
    font-size: 12px;
    color: #ed5c5c;
    margin-left: 3px;
    height: 20px;
    line-height: 20px
}

.ie-uploadLoading {
    display: inline-block;
    font-size: 12px;
    float: left;
    color: #8a9699
}

.gt_holder.gt_popup {
    z-index: 9999
}

.gt_holder.gt_popup .gt_mask {
    z-index: 99999
}